是否可以使用“堆叠云”div布局?

时间:2011-07-18 16:10:19

标签: html stack cloud gravity inverse

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

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

所以我尝试使用float参数,但它最终会根据div的最高高度划分布局:

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

是否有人知道如何在不使用绝对定位的情况下进行此特殊布局,以保持完整的液体功能完好无损?它看起来像“div-cloud”或“box2d-inversed-gravity-stack”

1 个答案:

答案 0 :(得分:1)

我不认为单独使用CSS是可能的,但我可能错了。你可以使用JavaScript来做到这一点。

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