最近爬了一些漂亮的小姐姐的图片，做成一个小网站妹子图-魔力美少女，专门孝敬给各位码农大哥。网站使用瀑布流布局，简单总结经验如下：

什么是瀑布流？

Pinterest Masonry 瀑布流布局是一种常见的网页布局方式，常见于图片类网站。看两个例子：

妹子图 - Bing images

小红书

它的特点是每个元素的宽度相同，但是高度不同，且元素之间的高度差异较大。大家厌烦了普通的网格布局，而 Pinterest Masonry 瀑布流让元素有错位的感觉，看起来更加有趣。