XZ_HTML5之實現瀑布流的3種方式

瀑布流的特點是：1、等寬；2、高度不一樣；2、每一個盒子相對於父標籤定位；4、第二行第一個元素拼接到第一行最矮的盒子底下； 瀑布流的佈局原理：子盒子相對於父盒子的一個定位，所以，先將第一行排列好，求出每個盒子的高度，如果是第一行的盒子，加入到數組中，如果是其他行的，遍歷查找上一行的最矮盒子，把當前盒子相對於最矮盒子進行一下定位，然後更新數組最矮盒子的高度； 實現思路：每一個盒子，包含上邊距和左邊距

>>阅读原文<<