1

ブラウザ ウィンドウのサイズが変更されたときに「2」の下に表示されるように、「3」をフロートさせたいと思います。現在、「1」の下に「3」が表示されています

<style type="text/css">
#container  {width:700px;}
.col        { float: left; margin: 0px 16px 0px 0px; padding: 0px; height: auto;}
.two        { width: 192px; background-color:ccc; }
.four       { width: 400px; background-color:ccc; }
</style>



<div id="container" >
    <div class="col two" style="background-color:green;" >
    one
    </div>

    <div  class="col">

        <div class="col four" style="background-color:blue;" >
        two
        </div>
        <div class="col two" style="background-color:red;"> 
        three
        </div>

    </div>
</div>
4

1 に答える 1

1

これを行うには、親コンテナにマージン左を適用します。2つと3つをラップする「col」

更新：マージンが少なくとも最初の列の幅であることを確認してください。そうでない場合でも機能しません

于 2012-07-21T11:51:30.563 に答える