瀑布流布局是一种比较流行的页面布局方式，表现为参差不齐的多栏卡片。跟网格布局相比，显得更灵动，更具艺术气息。
实现瀑布流布局的方式有多种，比如multi-column布局，grid布局，flex 布局等。但是这些实现方式都有各自的局限性，代码也略复杂。
其实，有个最原始、最简单，也是兼容性最好的实现方式，那就是使用绝对定位。瀑布流布局的元素是一些等宽不等高的卡片，只要根据元素的实际宽高计算出自己的坐标位置就行了。
瀑布流布局的优点有哪些?
布局更加灵活
可以灵活操作，页面宽度改变时可以重新布局整个页面。可以使页面中的元素真正流动起来，让新添加的元素插入到高度最低排列，使页面的低端更加整齐。
降低界面难度
有效地降低了界面复杂度，节省了网站页面空间。
对移动设备友好
由于移动设备屏幕较小，一个屏幕显示的内容有限，因此可能要经常翻页。在建网站时使用瀑布流布局，用户只需要进行滚动就可以浏览页面内容。
