Html IE11带高度的垂直柔性箱布局：自动和溢出不'；行不通

我有两个垂直框，都有

height:auto

，如果内容超过父级定义的最大高度，则第二个框需要滚动

.wrapper{
位置：固定；
}
.弹出窗口{
位置：固定；
宽度：200px；
最大高度：300px；
显示器：flex；
弯曲方向：立柱；
边框：1px纯黑；
}
.a{
左：0
}
.b{
左：200px；
}
.标题{
flex:0自动；
边框：2倍纯绿；
}
.身体{
flex:1自动；
溢出：自动；
}

第一个弹出窗口
“我们必须清楚地认识到所有人都有错误，这是一个值得称赞的事实，是一个符合发明家真实性的事实，也是一个必须解释清楚的事实的准建筑师
从一个角度看，这是一个大的问题，它是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题，是一个理性的问题
在劳动和福利方面，所有人都有自己的权利。在最低限度的福利中，所有人都有自己的权利和义务，他们都有自己的权利和义务
“你认为你的行为是合法的吗？你认为你的行为是非法的吗？”
第二个
弹出窗口
“所有人都明白了这一点，是的。尼莫·伊尼姆·伊普萨姆·沃鲁帕塔姆·奎亚·沃鲁帕斯

IE11中的弹性项目忽略容器上的

max height

和

min height

。 您的flex容器（

.popup

）设置为

最大高度：300px

弹性项（

标题

和

正文

）对此毫不在意。它们忽略了该高度命令

对于这种行为的说明，请使用高度：300px。现在它可以工作了

解决方案#1：如果您可以使用

height

而不是

max height

，您的问题就解决了。（）

此外，虽然此问题适用于flex容器，但不适用于flex项目。

min height

和

max height

适用于IE11中的flex项目

因此，您可以将

.wrapper

制作成一个灵活的容器，这使得

.popup

灵活的容器也成为灵活的项目

如果

.popup

元素未使用固定位置，这就足以解决问题。设置为

位置：固定的弹性项将从正常流程中删除，包括从弹性布局中删除。因此
.popup
项不再是弹性项

解决方案#2:如果您可以在
弹出式
元素上无需固定位置即可工作，则将父级设置为flex容器，您可以全部设置。（）


参考资料：


（似乎也适用于
最大高度
）

我真的应该深入其中给你一个明确的答案，但IE中的flexbox充满了bug。请参阅以获取详细信息list@giorgio我知道，但相信我，它不是我的选择来支持它，因为你可以看到<代码>。弹出< <代码>元素有<代码>最大高度< /代码> SET。是的，但只是说我按规则播放，是IE11不是。事实上，我不能为标题设置一个高度，但仍然不确定仅使用css如何帮助确定两个容器的位置：绝对容器和将包装器设置为flex容器。问题还没有解决。我知道，遗憾的是我不能。目前我不得不使用javascript解决方案，这完全超出了这个问题的范围。很高兴知道至少我知道我不会在一个琐碎的问题上陷入困境。