我有一个有序的 div 列表<div id="mainContent">。我希望这些 div 从上到下浮动直到页面底部，然后如果可能的话，它们会移过一列并继续。如果它不能做任何其他事情，它将使项目继续离开页面底部。页面应该被允许动态调整大小，这意味着如果我在调整大小后切断一列，它的元素应该附加到前一列。
这本质上就是 float:top 如果存在的话。我应该注意，我将在移动浏览器上使用我的网站，所以 CSS3 已经出来了。不过可以使用 jQuery。我尝试过砌体，但它不会强制执行我的排序，它就像浮动：左，但会重新排列不同大小的项目以最有效地利用可用空间（这是砌体主页所说的它会做的。
有什么可以做到这一点的吗？如果可以避免的话，我宁愿不必自定义脚本。