新！我的 44 頁電子書「44 分鐘學會 CSS」出爐了！ 😃
#flex-shrink
定義 flexbox 項目在空間不足時應縮小的程度。
預設值 flex-shrink: 1;
如果容器的主軸空間不足，元素將以1 的比例縮小，並換行其內容。
flex-shrink: 0;
元素不會縮小：它會保留所需的寬度，不會換行其內容。其兄弟元素會縮小以提供空間給目標元素。
由於目標元素不會換行其內容，因此彈性盒容器的內容有機會溢位。
flex-shrink: 2;
由於 flex-shrink 值是相對的，因此其行為取決於彈性盒項目兄弟元素的值。
在此範例中，綠色項目想要填滿 100% 的寬度。它所需的空間來自其兩個兄弟元素，並分成4
- 3/4 來自紅色項目
- 1/4 來自黃色項目