CSS 页面布局

一列布局！
设宽度！用margin： 0 auto；

两列布局
float：一个left 一个right 再清除浮动

一列固定 一列自适应
float：固定的用float 自适应用margin-left/right
position：固定的用position 自适应用margin-left/right

三列布局
float：用三个float
两边固定 中间自适应
{ float：left }  {margin-left；margin-right；} {float：right}

双飞翼布局：www.jianshu.com/p/f9bcddb0e8b4
        为了让中间的布局先加载。利用了CSS负边距
Flex 布局：www.ruanyifeng.com/blog/2015/07/flex-grammar.html