列中的多个div框

Question

晚上好,

我想知道在我的网站上用CSS实现this picture的最好方法是什么。我能想到的最简单的方法就是使用表格，但我们都知道，表格是邪恶的。

我知道向左和向右浮动等等，但我真的只能想到管理两列，也许三列，我想要一个不确定的数量。我也看到了绝对从左右边缘定位的方法，但我希望它们能够根据网页的大小进行拉伸、增长和移动。

谢谢,

哈里

Answer 1

<div style="float: left; padding: 10px; border-style: dotted;">div1</div>
<div style="float: left; padding: 10px; border-style: dotted;">div2</div>
<div style="float: left; padding: 10px; border-style: dotted;">div3</div>
<div style="float: left; padding: 10px; border-style: dotted;">div4</div>
<div style="clear: both;"></div>

编辑:如果你想用flot right来做这件事，你必须交换div1的命名顺序div3 div2 div1