flex的一些属性

flex-grow:

有剩余空间时是否放大，默认不放大，默认值是 0

flex-shrink:

空间不够是是否缩小，默认是缩小，默认值是 1

flex-basis:

相当于宽度，如果设置了就会覆盖 width 属性的值

flex: 1

flex-grow: 1;
flex-shrink: 1;
flex-basic: 0%;

总结：它俩是相反的一对，但又有相似的特征：0 都代表不改变，1 就代表改变