css column 瀑布流布局 div 块级元素 会被截掉一半的解决方案

父盒子

// 父盒子  给columns
.newspaper
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}

 子盒子

//  子盒子   如果不屑display-inline:block;
.divBlock{
width:100px;height:100px;background:rgb(166,166,166);margin-top:5px;
}

上图可知，Div会被截掉，那怎么解决呢？

很简单

再item里面加上in-line：block  即可