是否可以有一个"stacking-cloud"的div布局？

Question

我想用div创建以下布局(每个div都有一个随机的固定宽度和高度):

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

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

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

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

Answer 1

我不认为单独使用CSS是可能的，但我可能错了。你可以使用JavaScript来实现。

我发现了一个叫做jQuery砌体的库，它看起来像你想要的。我还没试过，不过也许值得一试。