我如何使盒子（div）的地方充滿剩余的空間

Question

我目前正在制作一個網站，在該網站上我有一定尺寸的模塊化包裝箱（100％，75％，50％，25％，33％和66％）。 這樣做的原因是我想要一種簡單的方法來向布局中添加內容。

如果兩個框的高度相同，並且最左邊的框高於右邊的框（一個50％的框的高度為左側，兩個兩個50％的框的標准高度為右側），則它可以完美地工作。

我正在使用float：left，並在框上放了邊距。

所以我的問題是，我怎樣才能使第二個盒子自動將其放置在正確的盒子下面？

圖片： http : //i.stack.imgur.com/C58kd.jpg

Answer 1

您必須為此編寫適當的嵌套結構。

<div>  -- left portion (float left)
    <div></div> 
<div></div>
</div>

<div>  -- right portion 
</div>