CSS [DIV-Tableless]垂直堆叠不同高度填补空白？

Question

我有不同的DIVS浮动到左边（浮动：左），有不同的高度。 我需要堆这个div的像的图像附：

http://www.krazy.es/images-stackov/capture-divs.jpg

Answer 1

容器1,2,5，和6应该在一个div，和容器3和4应在一个div。浮动THOSE divs。

Answer 2

它看起来像DIV与“容器5”有一个clear:left;或clear:both;设置在CSS中。

编辑

没关系，你把所有的div向左浮动。下面是一些示例代码：

Sample Code on jsfiddle.net

如果用窗口的宽度玩，你会注意到的div将尝试填补所有可用的水平空间。你看到的混乱结果来自不同垂直高度的div。你会得到想要的结果，如果：

1. They all had the same height（即它们都具有2行文字）
2. You assigned a height value to each div with height:90px;（将其设置为最大的共同点）
3. 或者you decided to only have 3 columns of divs max，即使浏览器窗口宽足以容纳更多。他们可以把容器1，2，& 3放在一个div上面，而容器4,5,& 6在另一个div下面
4. 最后（为了完整性），you can put container 1 & 4 in a div, container 2 & 5 in a div, and container 3 & 6 in a div, and then float those divs left。这也会给你3列，但它太严格了，我不推荐它（you can also set the height on the floated divs for better alignment）。

选项＃2是我的最爱。