常见的flex属性值：
1.flex:1,也就是flex-grow:1,也就是上面说的自动放大填充满剩余空间，若有其他子盒子设置flex，则平分。
2.flex:0 0 auto,等同于flex:none,子元素的长度决定它的长度，当整体空间不足时，它也不会缩小，有剩余空间也不放大。相当于它是由子元素固定大小，不放大也不缩小。
3.flex:1 1 auto,等同于flex:auto,由子元素的宽（width）高(height)属性来改变大小。如果和flex:0 0 auto一起使用就是自适应宽度，自动填充剩余空间。