Html Flex儿童在IE11中未正确包装

我有这样的布局（我目前无法更改，可能是一些小的添加）：

html{
最小高度：100%；
}
身体{
位置：相对位置；
框大小：边框框；
显示器：flex；
弯曲方向：行；
保证金：0；
填充：0；
最小高度：100vh；
宽度：100%；
}
主要{
位置：相对位置；
显示：内联flex；
弯曲方向：立柱；
柔性生长：1；
身高：100%；
宽度：100%；
框大小：边框框；
}
.flex{
显示器：flex；
填充：0；
保证金：0；
位置：相对位置；
}
main>.flex{
宽度：100%；
柔性生长：1；
弹性收缩：1；
}
.小组{
利润率：8px；
填充：0；
位置：相对位置；
}
.panel>div:n子级（1）{
填充：16px；
边际上限：0；
位置：相对位置；
}
.输入{
填充：0；
位置：相对位置；
显示：内联块；
利润率：8px；
最小宽度：150px；
背景：红色；
}
.文本区{
利润率：8px；
位置：相对位置；
显示：块；
最小宽度：300px；
背景：红色；
}
.柔性柱{
弯曲方向：立柱；
}
.弹性行{
弯曲方向：行；
}
.柔性包装{
柔性包装：包装；
}

---

--可能会在这里找到答案Flex内容在IE11中包装有问题（这是众所周知的）。通常，对于要在IE11中包装的项目，需要定义容器的宽度。然而，知道哪个容器通常很棘手。在您的情况下，目标容器的级别高于问题项：