两列瀑布流_CSS实现瀑布流布局方式(2)

之前，我们用的是一个相对来说比较复杂的方式来实现一个瀑布流式布局。回顾上一章:

CSS实现瀑布流布局方式(1)

代码搬运工--D，公众号：ElegantCodeCSS实现瀑布流式布局方式(1)

利用Html设置两列布局，主要用到的有弹性布局的方式，今天小编将为大家介绍另外一个简单的方式实现瀑布流式布局。

同样，我们先新建文件,用简单的代码进行演示：

    
        
        

            
            div>
            1div>
        div>
        

            
            div>
            2div>
        div>
        

            
            div>
            3div>
        div>
        

            
            div>
            4div>
        div>
    div>
body>

CSS样式如下所示：