Css 使用flexbox时溢出：auto在IE11中不起作用

我有以下示例，这是我在应用程序中使用的模式窗口示例。问题在于IE11没有正确显示溢出，而是文本从底部流出

IE的各种修复程序，比如设置

flex:1

，都没有给我想要的结果。我错过了什么让IE11表现得更好

#主{
显示器：flex；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
-webkit转换：翻译（-50%，-50%）；
背景颜色：灰色；
最大高度：150像素；
弯曲方向：立柱；
}
.顶部，.底部
{
颜色：白色；
背景：蓝色；
}
.内容{
溢出：自动；
}

顶部
asojsadoijdasoijasoijoasijoiasdjiojasd

asojsadoijdasoijasoijoasijoiasdjiojasd

asojsadoijdasoijasoijoasijoiasdjiojasd

asojsadoijdasoijasoijoasijoiasdjiojasd

asojsadoijdasoijasoijoasijoiasdjiojasd

asojsadoijdasoijasoijoasijoiasdjiojasd

asojsadoijdasoijasoijoasijoiasdjiojasd

asojsadoijdasoijasoijoasijoiasdjiojasd

asojsadoijdasoijasoijoasijoiasdjiojasd

asojsadoijdasoijasoijoasijoiasdjiojasd

底部

编辑

这个答案现在停止内容，使其始终具有150px的高度

• 添加：

  最大高度：150px

  至

  。内容

• 保持：

  溢出：自动打开
  。内容
  

.main{
显示器：flex；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
-webkit转换：翻译（-50%，-50%）；
背景颜色：灰色；
弯曲方向：立柱；
}
.顶部，.底部
{
颜色：白色；
背景：蓝色；
}
.内容{
溢出y：自动；
最大高度：150像素；
}

.content{flex:1 0 auto}.top、.bottom{flex:0 1 auto}

并在

中添加一个
柔性包装：包装
。主要的

@点击命令在chrome中看起来更糟糕，在IE中看起来也一样删除

柔性包装

并在

中添加
背景色
。内容

在内容中添加最大高度似乎可以解决这个问题