接上篇补充一部分flex属性
display:inline-flex 类似于display：inline-block；可以让元素左右排列，但是左右会有间距 align-content:flex-start/flex-end/space-around/space-between/space-evenly
方向和换行的简写 flex-flow:row wrap
flex子属性 order 排序：值越小越靠前
flex：1【实际上是flex-shrink flex-grow flex-basis的简写】
弹性盒收缩：设置为禁止收缩
flex-shrink:0
弹性盒扩展：扩展为剩余100%
flex-grow:1
等效于宽度的效果（权重比width高）
flex-basis:200px；
弹性布局的一些坑：
1、宽度超出的时候 子元素默认收缩（如果不想收缩加上flex-shrink：0）
2、弹性flex：1 会被子元素把内容撑大 （需要加overflow：hidden）
3、高度会继承的问题 （align-items：flex-start;）
