Html 滚动容器中的IE11 Flexbox布局已损坏

Html 滚动容器中的IE11 Flexbox布局已损坏,html,css,internet-explorer,flexbox,internet-explorer-11,Html,Css,Internet Explorer,Flexbox,Internet Explorer 11,我有一个flexbox容器,它应该包含两个元素。它们都可以具有动态内容,这意味着无法指定高度 容器的最大高度应为400px,最大宽度应为300px。如果两个元素的高度应大于400px,则应显示滚动条。X轴上不应该有滚动条 这是我的密码: 正文{ 宽度:300px; 高度:400px; 显示:块; } .集装箱{ 显示器:flex; 弯曲方向:立柱; 溢出y:自动; 身高:100%; 边框:1px纯紫色; } .要素1{ 弹性收缩:0; 宽度:100%; } .要素2{ 背景颜色:浅蓝色; 弹性

我有一个flexbox容器,它应该包含两个元素。它们都可以具有动态内容,这意味着无法指定高度

容器的最大高度应为400px,最大宽度应为300px。如果两个元素的高度应大于400px,则应显示滚动条。X轴上不应该有滚动条

这是我的密码:

正文{
宽度:300px;
高度:400px;
显示:块;
}
.集装箱{
显示器:flex;
弯曲方向:立柱;
溢出y:自动;
身高:100%;
边框:1px纯紫色;
}
.要素1{
弹性收缩:0;
宽度:100%;
}
.要素2{
背景颜色:浅蓝色;
弹性收缩:0;
}
.子元素{
高度:600px;
}

他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在
回复

只需删除
宽度:100%.element1
中的code>将解决您的问题。谢谢

正文{
宽度:300px;
高度:400px;
显示:块;
}
.集装箱{
显示器:flex;
弯曲方向:立柱;
溢出y:自动;
身高:100%;
边框:1px纯紫色;
}
.要素1{
弹性收缩:0;
}
.要素2{
背景颜色:浅蓝色;
弹性收缩:0;
}
.子元素{
高度:600px;
}

他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在
回复

发布的代码与IE 11中的代码一样工作。请注意,IE11与JSFIDLE、codepen、plnkr等存在问题,并且不是一个值得信赖的测试地点。@LGSon Thx供您反馈。您是否运行了plunkr?它肯定不起作用。你在IE 11登记了吗?你的版本是什么?我的版本是11.379.17763.0,在Win 10上运行。Plnkr甚至没有加载到我的IE11中,顺便说一句,在Win 10上它的版本号与你的版本号相同。我用你的代码示例制作的内联代码片段在IE 11上运行得很好。你当时是如何检查的?将完整的代码复制粘贴到一个HTML文件中,并在本地运行它。这确实显示了我上面发布的问题吗?