关于css3的多列布局出现错乱问题

一开始给外部的container设置了column-count:2;当里面的每个item是偶数个时,布局是正常显示的;而当我们设置了奇数个item时,会出现下图的错乱布局。

关于css3的多列布局出现错乱问题

在item里面设置了以下两个属性之后

 height: 100%;

 overflow: auto;

布局就恢复到我们原本期望的样子了。

关于css3的多列布局出现错乱问题