常見的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一起使用就是自適應寬度,自動填充剩余空間。