javascript - float 堆叠CSS

Question

我正在使用为表单生成一些 html 的 joomla 插件。我的问题是 css。

该脚本生成多个不同高度的 div，所有这些都堆叠成两列布局。问题在于，由于它们都向左浮动，有时第二列高的 div 会阻止下一个 div float 在相邻的短第一列 div 下方。不用再挥手了，这是一个 jsfiddle

我可以使用什么与浏览器兼容的 css 来正确堆叠 float ？请注意，第二列 div 基本上没有类或 id 来将它们与第一列 div 区分开来。

以下是我最好避免的事情:

1. 不兼容的解决方案，如 nth-child()
2. 更改脚本以使用 html 生成 css 钩子(Hook)

Javascript 还可以

编辑:javascript 注释似乎不够突出。就 jsfiddle 而言，一切正常。这就是我希望布局的样子。不幸的是，我不能在 div 上使用 correctfloat 类名，因为我不是它的生成者。删除正确的 float 类名以查看问题所在。

Answer 1

http://masonry.desandro.com/

这是您要找的吗？