父元素設置flex:column後，子元素height無效

我想得到下圖效果，於是設置 容器的flex：column, 子元素1設置height:30px; 子元素2設置flex:1; overflow-y:auto; 但是子元素1的高度怎麼都不生效，發現是被 flex-shrink影響了。於是我將子元素1的flex-shrink設置爲0，不被縮小。它就乖乖的顯示我設置的高度了。 flex-shrink介紹 flex-shrink屬性定義了項目的縮小比例，

>>阅读原文<<