好吧，这是我的困境。我有一堆宽度相同（但高度可变）的 div。我希望它们显示在下一页顶部的第一页直到页面底部，如果页面上有第二列这些项目的空间而不滚动，那么我希望它继续在第二列中，第三列等。如果页面上没有可用空间，则它会离开页面，需要滚动条才能看到下面的内容。
这本质上类似于具有 float:top 如果它存在（遗憾的是它不存在）。我也希望它随着窗口大小而动态变化。如果我将窗口缩小到一列宽度，我希望数据直接向下一列。如果我将大小调整为两列宽，那么它将在两列之间划分数据。
最后，必须保留 div 的顺序。我愿意使用 jQuery 和 CSS 包括 CSS3 来做到这一点，其他任何东西，我将不得不看看它。我敢肯定，如果我使用它，我可以编写一些自定义 jQuery 脚本来执行此操作，但我不禁觉得它应该更容易。我查看了 css3 列，但无法让他们做我想做的事，所以如果他们能做到，请具体说明他们是如何做到的。