我如何使盒子（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>