0

私は3つの部門を持っています。これらのオーバーラップを取得する必要がありますが、絶対配置は使用できません。これどうやってするの？レスポンシブレイアウトで動作するようにこれをターゲットにしています（固定のpx値はありません）

    <div id="hold" style="background-color: #CCCCCC;padding: 10px">
        <div id="first" style="width: 100px;height: 100px;background-color: red;z-index: 1"></div>
        <div id="sec" style="width: 100px;height: 100px;background-color: greenyellow;z-index: 3"></div>
        <div id="third" style="width: 100px;height: 100px;background-color: #a3dbec;z-index: 5"></div>
    </div>

以下のcssを使用しました。

        #first,#sec,#third{
            margin: 0 auto;
            position: relative;
            top: 0;
        }
4

1 に答える 1

3

を設定しmargin-topます：

#sec
{
    margin-top: -100px;
}
#third
{
    margin-top: -100px;
}

http://jsfiddle.net/EPq6Z/

于 2013-03-12T09:48:19.017 に答える