XZ_HTML5之实现瀑布流的3种方式

瀑布流的特点是：1、等宽；2、高度不一样；2、每一个盒子相对于父标签定位；4、第二行第一个元素拼接到第一行最矮的盒子底下； 瀑布流的布局原理：子盒子相对于父盒子的一个定位，所以，先将第一行排列好，求出每个盒子的高度，如果是第一行的盒子，加入到数组中，如果是其他行的，遍历查找上一行的最矮盒子，把当前盒子相对于最矮盒子进行一下定位，然后更新数组最矮盒子的高度； 实现思路：每一个盒子，包含上边距和左边距

>>阅读原文<<