2 
<div class="cat-left">
</div>
<div class="cat-right">
</div>

.cat-left {
float: left;
width: 233px;
border: 1px solid #c5c5c5;
}
.cat-right {
margin-left: 12px;
float: left;
}

これは、2 つのボックス (左に 1 つ、右に 1 つ) を作成するために記述します。今、私は別のものを作りたいです

<div class="cat-left"></div>

cat-left の後に my cat-left を配置すると、最初の cat-left の右側に表示されます。私が境界線を使用したことがわかりました。既存の cat-left の一番下に配置するオプションはありますか。

http://s7.postimage.org/3t6rfpdih/demo.pngをチェック して、自分のコードに何が必要かを正確に把握してください。

2 番目の cat-left に絶対位置を指定してみましたが、マージンをピクセル単位で設定しないとどのように役立つかわかりません。

4

1 に答える 1

0

次のように、猫の左のボックスに2つのサブディビジョンを含める必要があります。

<div class="cat-left">
    <div class="cat-left-inner">
        Left top
    </div>
    <div class="cat-left-inner">
        Left bottom
    </div>
</div>
<div class="cat-right">
    Right
</div>

ここで

.cat-left-inner {
    height: 10em;
}

divに設定された高さを指定して、必要な方法でコンテナーに入力できるようにする必要があります。より具体的な例については、このフィドルを参照してください：http: //jsfiddle.net/A6axj/2/。

于 2012-11-10T19:06:06.640 に答える