什么是flex?
FlexiableBox即弹性盒子，用来进行弹性布局，可以配合rem处理尺寸的适配问题。
为什么用flex?
用来为盒状模型提供最大的灵活性。任何一个窗口都可以指定为flex布局。
更加符合响应式设计的特点
什么是主轴，什么是交叉轴？
主轴和交叉轴并不是指x轴和y轴！
当子元素的排列方向为水平时，主轴为x轴，交叉轴为y轴。
当子元素的排列方向为纵向时，主轴为y轴，交叉轴为x轴。
子元素的尺寸：
main-size：指子元素占主轴的空间
cross-size：指子元素占交叉轴的空间
flex的关键就是根据子元素的排列方式，找出谁是主轴，而另一个方向则为交叉轴。
