flax

1.传统布局，基于盒状模型，依赖display+position+float属性，特殊布局不方便（垂直居中），（边距边缘margin edge、边框边缘border edge、填充边缘padding edge、内容边缘content edge）

2.Flex布局，简便，完整，响应页面布局，所有浏览器支持，采用flex布局的元素，称为容器，其子元素称为项目。容器默认有两根轴，水平的主轴（main axis）和垂直的交叉轴（cross axis），默认从左至右，从上至下

3.24栅格（12+12、8+8+8等）