css布局

1、css3之前：positio和float (注意：内联时，style标签内不加type的话谷歌和360样式可能应用不上)  

2、css3中：多栏布局，盒模型布局，弹性盒模型布局

弹性盒模型步骤：（2009年以前的语法）

　　（1）将父块设置为盒模型

　　（2）为子块设置box-flex:1;含义是占除指定了width之外的剩余空间的N分之一的宽度，N是总份数

效果如下

 

 （2012年新语法）在谷歌中看起来效果一样

 

 

 

 

 （2）css多列布局

 

 

 

 

***完美居中：利用弹性盒模型，只需要在父块设置display：flex；子块margin：auto就可以实现水平和垂直居中。