瀑布流布局

最近在看瀑布流布局，觉得很神奇，每个模块都可以找到自己应该在的地方，各列齐头并进，给人一种很high的感觉。

一开始自己也想了思路：

<div>模块1，模块2，。。。</div>。里面模块float：left。结果试了一下，悲剧啊，不同高度的直接就挂了，布局乱了。等高的还可以。

然后我又想分类，就是规定几列，分别把模块顺序加载在各个container中。但是这样会出现有些列很高，有些列很矮。

实在没有办法就去网上搜索了一下。还是有很多前辈都总结了。我也去学习了一下先进的经验。

觉得动态的计算各个模块的位置这个方法还可以。

流程：

1、计算列数

2、第一行顺序写入并记录各列的高度（全部数组中）。

3、下一个加在列高最低的位置。

4、滚动到该刷新的位置时，把新的模块加入页面中（第三步）。