Question

我目前正在制作一个网站，我有一定尺寸的模块化盒子（100％，75％，50％，25％，33％和66％）。这样做的原因是我想要一种简单的方法来为我的布局添加内容。

如果盒子的高度相同，并且最左边的盒子高于右侧盒子（左边是双倍高度的50％盒子，右边是标准高度的两个50％盒子），它可以完美地工作。

我正在使用float：left并在边框上放置了边距。

所以我的问题是，如何让第二个盒子自动置于正确的盒子下？

Answer 1

你必须为它编写正确的嵌套结构.. 试试这个

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

<div>  -- right portion 
</div>