flex：1

flex : 1 其实是代表3个属性的简写：
flex-grow：是flex-direction和flex-wrap属性的复合属性
flex-shirnk：指的是当flex容器空间不足时候,单个元素的收缩比例。用来“吸收”超出的空间
flex-basis，
这3个属性是可以单独进行设置的

当设置了 flex:1 属性时，代表 flex-grow: 1、flex-shirnk：1、flex-basis：0%