实现瀑布流布局有两种方式：1. 使用javascript 实现。2. 使用css3 的column属性实现。javascript是通过页面的宽度以及元素块的宽度计算出列数，然后计算出每一个块的left与top距离来确定元素块的位置。当然需要先设置包括所有元素块的父元素的position为relative 以及 每个元素块的position设置为absolute。主要实现代码： css3 是通过设置包裹所有元素块的盒子的column属性来实现瀑布流。示例代码如下： 或者 两种方式对比：css3 ： javascript：