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是我的最愛。