我如何根据其高度和宽度定位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

回答