javascript - 多板块高度不定时浮动问题？

Question

假设图中的所有版块的高度都是不定，由于版块2的高度太高导致版块4跑到了版块3的下面。

我的解决办法是：页面加载完获取3个版块中最高的版块高度，赋值给另外两个版块。客户经常反映页面不稳定排版经常错乱，大家有没有什么好的方法？

Answer 1

在布局上使用固定n列的容器，然后数据读取时，将相应的数据放置到响应的容器中：如下图

Answer 2

强烈推荐 Masonry 来解决这类问题。:)

Answer 3

用“瀑布流”来解决不是挺好的吗？

Answer 4

CSS3 之前的属性，解决这个问题还是有难度的（就是我不知道怎么解决）。
当使用环境确定之后，比如都用Chrome，那么使用

-webkit-column-width：
-webkit-column-gap：

然后就是js的方法了（js的瀑布流方法）：

1. jquery Masonry的瀑布流
2. cascade瀑布流

Answer 5

所有容器取消 float: left ， 设置样式 display: inline-block 看看，不知道是不是你要的效果