首先，新增的布局属性需要添加各浏览器的私有前缀。-moz,-webidt,-ms,-o
1，多列布局 ——cloumns
cloumns:200px 3;
200px: 定义多列中每列的宽度
3：定义多列中的列数
相当于 cloumns-width:200px; cloumns-count:3
如果要调整列与列直接的间距，可以使用
column-gap:2em;
如果要用来定义列与列之间的边框宽度，边框样式和边框颜色，他不占用任何空间
位置。
column-rule:2px dottoed green;
如果一个分列元素中的子元素需要跨多列，那么需要用到
column-span：none|all
all :跨越所有
2,盒子模型
3，伸缩布局
原文：http://www.cnblogs.com/fnncat/p/4864780.html