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

我有一个简单的问题，关于高度可变的浮动div的排列

目标是：

结果是：

我只是有带有css float的div容器：左；并且没有定义高度。第一个红色圆圈表明我的技术失败了，尽管第二个圆圈证明了我的错误，表明它是有效的。不幸的是，最后一个（不在屏幕截图上）只是在前一个的高度之后开始浮动（因此左侧有一个完整的空白）

我应该如何解决这个问题

---

谢谢

我不认为100%使用“just”css就可以做到这一点，但是jquery砌体应该做到这一点[]。好吧，但我希望有人能证明我错了：）你有两个专栏。然后对其进行相应的编码：

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

第一栏内容
第二栏内容

---

（您在列DIVs上设置了float:left）

结果（图像）：嘿，谢谢！从没听说过。如果我可以用jquery来做，我会留下css:-）如果它按照你想要的方式工作。。。如果答案被接受和/或投赞成票，我们将不胜感激：D（顺便说一句，我把它用于我的tumblr页面，效果非常好）我有两个以上的答案，但他说的是Hannes专栏。所以这个解决方案是好的，除了这个网站将是一个.NET数据库网站，这使得使用静态列成为一个问题。让栏目动态地充满内容是一件麻烦事。不过还是要谢谢你！第一个图像中显示的布局由两个独立的列组成。