17.1 设计多列布局
使用float和 多个元素并列显示，默认从上往下，c3增加columns可实现多列布局，默认单行多列，现在可多行多列
colmuns:宽度||栏目数
columns:250px 3; 宽250，3列

17.2.1 定义列宽
column-width 专门定义列宽的属性
column-width:300px;

17.2.2 定义列数
column-count auto|整数
-moz-column-count:3; 不管多宽都是三列

17.2.3 定义列间距
column-gap:normal|length
column-gap:3em; 定义每列之间的间距

17.2.4 定义定义列边框样式
可以用边框样式定义
column-rule-color 列样式，

17.2.5 定义跨列显示
方便文章的管理，如标题
solumn-span 1|all 1是本栏，all是跨列
column-span:all;

17.2.6 定义列高度
column-fill:auto|balance
column-rule 分隔线

17.3 设计盒布局
弹性盒模型，c3的，创建自适应窗口的流动布局
多列布局，宽度要相等，可指定每列多宽，
可用浮动属性，
display:box; 以盒子显示
display:-moz-box; 定义为盒子布局
去除所有float属性，以盒布局分列
以多列布局，三列会相互串通，弹性盒布局不会

17.4.1 定义自适应宽度
左中右，盒布局，弹性效果，自适应宽度
默认盒布局没有弹性，默认尽可能宽的

17.4.2 定义列显示顺序
弹性盒布局，可以用box-ordinal-group序号，各元素显示顺序
-moz-box-ordinal-group:3

17.4.3 定义列排列方向
box-orient:vertical 列默认水平，可改为垂直

17.4.4 定义模块大小自适应
元素宽高可根据排列方向改变，即自适应

17.4.5 消除空白
元素大小不能完全自适应，改用弹性布局，使始终和容器自适应
-moz-box-orient:horizontal;
box-sizing:border-box;
box-flex:1; 使宽和高自适应

17.4.6 定义对方方式
box-pack 水平对齐方式，strat, center, end 左中右，或上中下，跟布局方向有关
box-align 垂直对齐方式
c3以下很不好办

17.5 综合实战: 设计多列网页
使用div元素进行结构架设，id要有语意性
平行结构，包含 结构，嵌套结构，即包含加嵌套
column-span:all跨列
首字下沉