瀑布式布局

##什么是瀑布式布局？

瀑布流又称瀑布流式布局，视觉表现为参差不齐的多栏布局，其实就是多行等宽元素排列，后面的元素依次添加到其后，
等宽不等高，根据图片原比例缩放直至宽度达到我们的要求，依次按照规则放入指定位置。

###原理

瀑布流的实现原理就是通过比较每一列的高度，如果这一列高度低的话就在这一列进行添加，
如果可视区距离和滚动距离想加的话比你当前页面的高度还要高的时候，页面就开再次加载多个，
这个主要也是页面布局，首先每一列的高度，都是需要自适应的，不能设置高，
通过每一块内容将每一列撑起来，还有一个问题就是，滑动底部，根据每个电脑的不同，
所以他每个人,获取的高度是不同而且有的时候，页面的整体高度和页面可视区高度加上滚动高度差 1px
这个时候就需要我们提前加载，不然滑动到底部也加载不出来！

##优点

**节省空间，外表美观，具有艺术性。
**对于触屏设备友好，通过向上滑动浏览
###缺点
**用户无法了解内容长度，对内容没有宏观掌控
**容易造成页面加载的负荷
**回溯时不容易定位到之前看到的内容
###适合场景
**内容以图片为主的时候
**信息与信息之间相独立
**信息与搜索匹配比较模糊
**用户目的性不强

##使用app

花瓣网，蘑菇街，小红书