新版本 Google Chrome css display: flex issue

Question

GoogleChrome更新后，我的问题开始重现。问题是我无法为 flex 容器内的子元素（里面有这么多子元素，出现滚动）设置固定高度。 Here is code on jsfiddle。顺便说一下，设置 min-height 而不是 height 解决了这个问题。

Answer 1

这不是问题，问题是.tab-content的绝对定位。 这是一个有效的 fiddle： https://jsfiddle.net/7560L27b/4/

Answer 2

对.header

使用flex-shrink: 0

https://jsfiddle.net/7560L27b/33/