1.盒子水平垂直居中
（1） 定位1：需要知道元素的定位元素的宽高
（2）定位2：父亲的宽高需要限定
（3）定位3：不需要父有具体宽高限制（兼容性不如上边Ie9+）
（4）display:flex（ie10+）
（5）js实现就是模拟css写样式
元素的id可以直接拿来当作dom
（6）固定宽高的父级 display：table-cell 子级inline-block
2.盒模型标准
content、padding、border、margin
标准盒模型（content-box）、ie怪异盒模型（border-box）、flex弹性伸缩盒模型、column多列盒模型
怪异盒模型的好处，固定到border控制宽高，不用重新计算padding和border
flex详见阮一峰的flex布局
3.几大经典布局
– 左右固定、中间自适应
实现的效果图如下：
（1）.使用calc计算中间盒子的宽度
（2）.使用flex
（3）.定位实现
–移动端响应式布局
*媒体查询（一套）
*rem（应用于两套 中的移动端）
flex
vh/vw