列中的多个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做对，你必须交换div的命令div4 div3 div2 div1