Css 内部滚动div周围的Flexbox包装器在Internet Explorer中不工作

我在max-height div周围有一个flexbox容器，其中包含溢出自动和高于max-height的div内的内容（复制如下）

在Chrome/Firefox/Safari中#wrapper div尊重其最大高度并滚动内部内容。在Internet Explorer中，包装是内部内容的完整高度

#flex{
显示器：flex；
最大高度：100px；
}
#包装纸{
溢出：自动；
}
#内容{
宽度：100px；
高度：400px；
背景：红色；
}

我在您的代码中没有看到任何

溢出：auto

。抱歉，我在这里使用了显式的“滚动”，但其行为与auto或scroll相同。（现在改为“自动”）我不需要测试IE，但在Firefox上的行为似乎与您描述的相同，而且似乎是正确的。为什么要将

最大高度：100px

设置为

#flex

而不是

#wrapper

？在我看来，Firefox上的行为与chrome上的行为是一样的：屏幕上显示的是100px的红色，可以滚动。在我的实际用例中，内容上方有一个标题，我希望总高度不超过某个值，但我希望标题保持固定，内容滚动。