瀑布流布局想必大家对它并不陌生吧，在一些网站上都会有这种效果的出现，下面为大家介绍下使用两种方式实现传统多列浮动和绝对定位布局，具体的实现代码如下，感兴趣的朋友可以参考下，希望对大家有所帮助

传统多列浮动 各列固定宽度，并且左浮动； 一列中的数据块为一组，列中的每个数据块依次排列即可； 更多数据加载时，需要分别插入到不同的列上； 优点: （1）布局简单，应该说没啥特别的难点； （2）不用明确知道数据块高度，当数据块中有图片时，就不需要指定图片高度。 缺点: （1）列数固定，扩展不易，当浏览器窗口大小变化时，只能固定的x列，如果要添加一列，很难调整数据块的排列； （2）滚动加载更多数据时，还要指定插入到第几列中，还是不方便。 代码范例： 复制代码代码如下: <!DOCTY