我如何根據其高度和寬度定位DIV？

如何在第一列中滑動卡（div）？（所以它看起來整潔，因爲div高度是可變的）這是HTML框模型的限制，還是有沒有使用JavaScript的hackish技術。我不想通過使身體的背景顏色來匹配這些卡片來隱藏這些卡片。我如何根據其高度和寬度定位DIV？

對於下面的圖像的HTML我用float：left屬性來內聯這些div。對於DIV

screenshot for div positioning

CSS類是這裏

.test{ 
    background:grey; 
    float:left; 
    width:100px; 
    margin:5px; 
}

添加更多信息。我不想把這些div放在兩/三列中。
我想在Google Plus中像發佈帖子一樣實施。任何div都可以包含任何高度和寬度!!! HTML應該自動放置div而不用空格。

我已經創建了一個問題的小提琴。 http://jsfiddle.net/Phkz6/

2013-08-27 naren

看起來你有一些divs的利潤率。謹慎分享一些代碼？ – srijan

發佈你當前的HTML標記和CSS，最好在一個[fiddle]（http://jsfiddle.net） –

如果'div'的任一側都假設高度相同（以較大者爲準），會不會更好？爲此，只需使用一個「表格」。 – mattytommo

我推薦使用inline-block來代替。這樣你就可以控制height屬性。

2013-08-27 18:10:48 beautifulcoder

當我使用內嵌塊空間將出現在上面，並neeto設置垂直對齊頂部。空間依然存在！ – naren

您必須將高度設置爲「height：200px」。我更新了你的小提琴。 – beautifulcoder

-1

我們顯然需要代碼更詳細，但是：

2013-08-27 18:15:22 Dylan

我會做這樣的：

這裏小幅權是一個展示的jsfiddle你明白我的意思：jsfiddle

2013-08-27 18:16:08

是的，你是對的，但我想要的是沒有列，所以當窗口寬度可用於適合一行中的三個div或行中的一個div時，它會自動定位。（就像Gplus的帖子一樣） – naren

回答