css - 如何根据高度和宽度定位 DIV？

Question

如何在第一列向上滑动卡片(divs)？ (这样看起来很整洁，因为 div 高度是可变的)这是 HTML 框模型的限制，还是有任何不使用 javascript 的 hackish 技术。我不想通过使 body 的背景颜色与这些卡片相匹配来隐藏这些卡片。

对于下图的 HTML，我使用了 float:left 属性来内联这些 div。

div 的 Css 类在这里

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

添加更多信息。我不想将这些 div 放在两列/三列中。
我正在尝试在 Google Plus 中实现类似的帖子。任何 div 都可以包含任何高度和宽度!!!HTML 应该自动放置没有空格的 div。

我已经为这个问题创建了一个 fiddle 。 http://jsfiddle.net/Phkz6/

Answer 1

我建议改用inline-block。这样您就可以控制 height 属性。