如何浮动具有不同高度的元素？
12 浏览
如何浮动具有不同高度的元素？
我正在设计一个响应式网页，将多个项目浮动在4列中并排显示。由于这些项目的高度不同，因此浮动的效果并不正确。
目前的情况是这样的：
有没有办法使元素像这样浮动：
我猜这应该可以通过jQuery的"masonry"实现，对吗？然而我正在使用Zepto.js，我猜一个jQuery插件是行不通的。
有没有纯CSS（CSS3）的方法？一些技巧之类的吗？
如果纯CSS或JS不能实现这一点，是否可以这样做：
现在，第二行的元素5、6和7并没有按照你期望的方式进行浮动，而是在内部存在一个隐藏的换行符（clearfix）。
有没有办法通过纯CSS来实现？例如使用nth-child(4n+4)和伪选择器:after来应用一个带有content的换行符？
对此有什么想法吗？有没有巧妙的技巧可以实现这个？