盒子模型：
context-box 平时普通的盒子模型，padding，border，盒子会变大，向外扩展
border-box 盒子模型，padding，border，盒子模型不变大，向内扩展
box-sizing：border-box
弹性布局：
父级：
display：flex；
如果用了弹性布局，子元素不需要浮动
父级身上其他元素：
justify-content：子元素水平方式排列
start左 end右 space-between 两端对齐 space-around 每个子元素拉手分布
align-item ：center 子元素垂直排列
align-context：多行垂直排列
flex-direction：
row 横向排列
column：纵向排列
flex-wrap：子元素是否在一行显示
no-wrap不换行
子级：
flex：1 平分父级 类似栅格
