Css Safari:flexbox和最小高度

我需要有一个滚动flexbox容器与flexbox儿童。容器有一个（按flexbox）定义的高度，子容器的高度应与其内容的高度相同

除了在Safari，这种方法很有效，在Safari中，孩子们不会伸展超过容器的高度。实际上，Safari中的行为与孩子们的最小身高为0时完全相同，但他们没有。显式设置

min height:auto

没有帮助

div{
背景色：rgba（0,0,0,1）；
框大小：边框框；
保证金：4倍；
填充：4px；
}
.固定{
身高：100%；
左：0；
最大高度：400px；
位置：固定；
排名：0；
宽度：100%；
}
.flex{
显示器：flex；
弯曲方向：立柱；
/*Safari的行为类似于最小高度：0*/
}
.满{
弹性：1；
溢出y：自动；
}
.大{
字体大小：200px；
线高：1；
保证金：0；
}

A.
B_1
B_2
B_3
C

我不知道为什么，但是

最小高度：适合内容

它按预期工作：

div{
背景色：rgba（0,0,0,1）；
框大小：边框框；
保证金：4倍；
填充：4px；
}
.固定{
身高：100%；
左：0；
最大高度：400px；
位置：固定；
排名：0；
宽度：100%；
}
.flex{
显示器：flex；
弯曲方向：立柱；
/*Safari的行为类似于最小高度：0*/
}
.满{
弹性：1；
溢出y：自动；
}
.大{
字体大小：200px；
线高：1；
保证金：0；
}
.min fit{
最小高度：适合的内容；
}

A.
B_1
B_2
B_3
C

以下是修复的基本问题：

谢谢^^^显然Safari的开发工具比我想象的还要差，因为它不能自动完成此选项…非常感谢您的回答，这是一个令人沮丧的问题。不知道为什么这不是默认设置的。。。完全没有它！