目前前端布局里面用的做多的就是flex布局，有了flex我们再也不想用position和float做布局了。接下来我们就flex做一些解释。
首先display：flex是css3推出的新属性，为布局而生。
它分别为子元素和父元素设置相关属性，达到你想要的结果。具体的案例看我的下一篇flex案例详解。
父元素盒子需要设置的属性：
flex-direction：主轴的方向
flex-wrap是否换行
flex-flow：flex-direction和flex-wrap的综合
justify-content：主轴的对齐
align-items：侧轴对齐
align-content：多行对齐
子元素需要设置的属性
order优先级
flex-grow放大倍数
flex-shrink缩小倍数
flex-basis剩余空间的利用
flex是flex-grow,flex-shrink,flex-basis的缩写
align-self单独设置元素的对齐方式
在使用的过程中一定要分清楚哪些是子元素的属性，哪些是父元素的属性，这样你在看别人代码，或者自己使用flex的时候都会事半功倍。
