flex:1所代表的含义

首先，flex属性其实是一种简写，是flex-grow，flex-shrink和flex-basis的缩写形式。 默认值为0 1 auto。后两个属性可选

flex-grow代表如果主轴上有剩余空间则放大的比例,默认为0,即不放大。

flex-shrink代表如果主轴上空间不够,则等比例缩小,默认为1,即缩小。

flex-basis代表元素在主轴上的固定宽度。

flex:1;是flex: 0 1 auto;的简写`。