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

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

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

 height: 100%;

 overflow: auto;

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