前端瀑布流的实现

预览地址

瀑布流实现的要点：

• 两层嵌套，父元素position: relative; ,子元素(多个)position:absolute;,遍历计算每个子元素的left:*px;top:*px;。
• 子元素的宽度需要一致，我使用了width: 100px;。
• 计算父元素里面能够放置多少列的子元素，应使用向下取整Math.floor
• 遍历每一个子元素，并查找所有列中高度最低的列，即当前元素放置的位置，并且当前放置列的高度加上当前放置元素的高度。
• 三列，查找高度最低的列
• 三列，查找高度最低的列
• 嗯。思路清晰了，接下来就是编码的实现了。

    

        

        ...