html - 是否有可能有一个“堆叠云”的 div 布局？

Question

我正在尝试使用 div 创建以下布局（它们每个都有一个随机的固定宽度和高度）：

http://i.stack.imgur.com/LJADe.png

所以我尝试使用 float 参数，但它总是以根据 div 的最高高度划分的布局结束：

http://i.stack.imgur.com/m6U96.png

有人知道如何在不使用绝对定位的情况下进行这种特殊布局，以保持完整的液体功能完整吗？它看起来像“div-cloud”或“box2d-inversed-gravity-stack”

Answer 1

我认为仅靠 CSS 是不可能的，但我可能是错的。你可以使用 JavaScript 来做到这一点。

我找到了一个名为jQuery Masonry的库，它看起来就像你想要的那样。我还没有尝试过，但它可能值得研究。