在彈性布局中，有一種情況是左邊設置一個子元素固定寬度，右邊設置自適應占滿剩余空間，但有時候會發現左邊固定元素的寬度竟然失效了，被右邊的元素擠占空間了，所以仔細查看flex屬性的特點后，發現少設置了一些屬性樣式。
父元素設置完 display:flex 屬性后；
子元素設置固定寬度：
width:50px;
height:50px; 復制代碼這里加上另外一個屬性可防止寬度變化，就是
flex-grow: 此屬性為是否自動增長空間，
flex-shrink;此屬性為是否自動縮小空間，
默認值都是1，即自動增長/縮小，
設置為0時，不會自動增長/縮小
flex-grow:0;
flex-shrink:0;
防止固定大小的元素寬度發生變化