弹性布局-02

为其下的子元素设置的属性：

order：定义项目的排列顺序，数值越小，排列越靠前，默认为0;

flex-grow：项目的放大比例，默认为0；即如果存在剩余空间也不放大

flex-shrink：定义了项目的缩小比例，默认为1，即如果空间不足时，项目将缩小
   注：如果所有项目的flex-shrink值都为1，当空间不足时，都将等比例缩小
   如果一个项目的flex-shrink值为0，其他项目都为1，则当空间不足时，前者不缩小，负值对该属性无效

flex-basis，定义了在分配多余空间之前项目占据主轴的空间 
浏览器根据这个属性计算主轴是否有多余空间， 他默认值为auto，即项目的本来大小。

flex：是flex-grow、flex-shrink和flex-basis的简写； 默认值为0 1 auto；后两个可选