文章浏览阅读1.1w次，点赞12次，收藏63次。文章目录前言原生JS实现瀑布流flex属性实现瀑布流列数动态的瀑布流前言  在写项目的过程中，整个页面分成了3列，每列的宽度相等而高度不等，且第二行的第一个容器需要放在第一行高度最小的容器下面，所以就在网上查了下，这种布局方式叫做瀑布流布局原生JS实现瀑布流首先对原生JS实现瀑布流布局的原理进行分析：瀑布流布局最大的特点就是等宽不等高使用瀑布流布局可以使页面最后一行的容器高度差距最小，所以从第二行开始，每一个容器都要放在第一行容器高度最小的下方，以此类推将所有容器（子元素）放在一个大容器（父_简述瀑布流布局的思路