具有可变高度的浮动div（排列）

Question

我有一个关于浮点数与变量高度排列的简单问题。

目标：

结果：

我只有div容器，css float：left;并没有定义高度。第一个红色圆圈表示我的技术失败了，虽然第二个红色圆圈表明它工作正常，证明我错了。不幸的是，最后一个（不是屏幕截图）只是在前一个高度之后开始浮动（所以左边有一个空的空间）。

我该如何解决这个问题？

谢谢！

Answer 1

我不认为100％使用“just”css是可行的，但jquery-masonry应该可以做到[http://desandro.com/resources/jquery-masonry/]。好吧，但我希望有人证明我错了：）

Answer 2

您有两列。然后相应地编码：

<div class="column">
    contents of first column
</div>
<div class="column">
    contents of second column
</div>

（你在列DIV上设置float：left）