最近在网上看了很多以瀑布的形式来展现图片，所以开始研究HTML照片瀑布流。这种参差不齐的展现形式现在被越来越多的人喜欢。接下来，我们就来探究瀑布流算法的奥秘。

瀑布流实现方法：

• 瀑布流的元素块（div）宽度统一，高度不一致（随里面内容增加而增加）。

• 瀑布流的元素块（div）Position属性为absolute或者relative，采用这2中布局方式是为了让元素块能够绝对定位。

• 第一层高度是统一的，随后增加层数的时候以当前元素的上面的元素块高度为准，依次往下堆叠。

• 在每放下一层的时候先放在上一层中高度最低的元素后面，依次递归。

这就是瀑布流的一种算法原理，当然还有很多算法和原理，这里就不细说了。最后的效果图如下：