深入flex

flex:1

{flex:1}涵盖了三个属性的简写，flex-grow,flex-shrink,flex-basis

• {flex:0 1 auto；} 默认值为0 1 auto，后两个属性可选,
• {flex:0} 为有剩余空间也不放大
• {flex:1} 独占一份，会放大到没有剩余空间等价于{flex-grow:1； flex-shrink:1；flex-basis:0%}

flex-grow

作用：宽度放大的,默认值为0，表示不扩展

flex-shrink

作用：宽度缩小的，值为负数无效，默认值为1表示缩小，0则不缩小

flex-basis

默认值：auto ，表示元素本来大小