各列固定宽度，并且左浮动；
一列中的数据块为一组，列中的每个数据块依次排列即可；
更多数据加载时，需要分别插入到不同的列上；
优点:
（1）布局简单，应该说没啥特别的难点；
（2）不用明确知道数据块高度，当数据块中有图片时，就不需要指定图片高度。
缺点:
（1）列数固定，扩展不易，当浏览器窗口大小变化时，只能固定的x列，如果要添加一列，很难调整数据块的排列；
（2）滚动加载更多数据时，还要指定插入到第几列中，还是不方便。
代码范例：
复制代码代码如下:
*{ margin:0px; padding:0px;}
li{ list-style:none}
#div1{ width:760px; height:auto; margin:20px auto;}
ul{ width:240px; margin:5px; float:left;}
绝对定位
可谓是最优的一种方案。
优点：
方便添加数据内容，窗口变化，列数/数据块都会自动调整；
缺点:
（1）需要实现知道数据块高度，如果其中包含图片，需要知道图片高度；
（2）JS 动态计算数据块位置，当窗口缩放频繁，可能会狂耗性能。
代码范例：
复制代码代码如下:
*{ margin:0px; padding:0px;}
li{ list-style:none}
#div1{ width:760px; height:auto; margin:20px auto; position:relative;}
li{ position:absolute;}
