瀑布流

浮动瀑布流：

html中每个ul对应网页中每一列图片，一般每一列图片都会使用相同的宽度，在css中每个ul的宽度与图片相同。

绝对定位瀑布流：

html中使用唯一的ul，所有的小块元素都包含在ul中，css中left可采用li的索引模列数取得当前li所在的列，计算left；top可采用累积法，即该列中其上所有元素的高度和空隙的累加值。

转载于:https://www.cnblogs.com/wdy1314/p/4959613.html