父元素设置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属性定义了项目的缩小比例，

>>阅读原文<<