瀑布流

几种实现方式

1) 传统多列浮动。即 蘑菇街和哇哦 采用的方式，如下图所示:

 

• 各列固定宽度，并且左浮动；
• 一列中的数据块为一组，列中的每个数据块依次排列即可；
• 更多数据加载时，需要分别插入到不同的列上；

优点:

• 布局简单，应该说没啥特别的难点；
• 不用明确知道数据块高度，当数据块中有图片时，不需要指定图片高度。

缺点:

• 列数固定，扩展不易，当浏览器窗口大小变化时，只能固定的x列，如果要添加一列，很难调整数据块的排列；
• 滚动加载更多数据时，还要指定插入到第几列中，还是不方便。