瀑布流效果是一种当下非常流行的图片展示布局，一般是一种多列，每一列中元素的宽度相等、高度不同，给人一种参差不齐却整体不乱的感觉。瀑布流效果是一种很好的图片展示方式，百度图片、美丽说、蘑菇街等许多网站都采用这种布局效果。在实际的应用中，往往是通过Ajax请求数据，达到动态添加的效果。
瀑布流在CSS布局方面比较简单，一般使用浮动定位和绝对定位都可以实现，只是在动态加载方面用JavaScript处理比较麻烦。可以说整个瀑布流效果的核心并不在CSS上，而JavaScript才是它的核心。
友情提示：本节示例涉及JavaScript相关知识，建议学习完JavaScript章节后再回头练习。本节示例相对复杂，对于初学者来说有一定的难度，这里就不再显示示例代码，感兴趣的读者可以下载到本地学习。