Css 宽度不在IE11中

Css 宽度不在IE11中,css,html-table,flexbox,internet-explorer-11,Css,Html Table,Flexbox,Internet Explorer 11,如果IE11宽度不合适。如果是镀铬,则宽度合适,内容物被包裹。Chrome没有滚动条,但在IE11中内容没有包装 预期:不应有滚动条 .modal滚动面板{ 位置:静态; 溢出:自动; 保证金:自动; 最大宽度:772px!重要; 最大高度:532px!重要; } .宽度等级{ 宽度:55%; } .家长{ 显示器:flex; 宽度:100%; 柔性流:柱包裹; } .parent>.item-1{ 显示器:flex; 弯曲方向:立柱; 宽度:100%; } .parent>.item-1>.

如果IE11宽度不合适。如果是镀铬,则宽度合适,内容物被包裹。Chrome没有滚动条,但在IE11中内容没有包装

预期:不应有滚动条

.modal滚动面板{
位置:静态;
溢出:自动;
保证金:自动;
最大宽度:772px!重要;
最大高度:532px!重要;
}
.宽度等级{
宽度:55%;
}
.家长{
显示器:flex;
宽度:100%;
柔性流:柱包裹;
}
.parent>.item-1{
显示器:flex;
弯曲方向:立柱;
宽度:100%;
}
.parent>.item-1>.child-1{
flex:无;
宽度:100%;
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。

flex wrap
不适用于IE上的
宽度:100%
。例如,如果您将其更改为
最大宽度:772px
,它将工作

.parent{
  display:flex;
  max-width:772px;
  flex-flow:column wrap;
}

另一个令人惊讶的是,如果我删除了与flex相关的css,它就开始工作了(滚动条不存在,内容正确包装)。想了解flex中父divs宽度不正确的根本原因是什么(更多)。可能重复@StudioKonKon,你能指出确切的问题吗。这是一个通用语句,不是直接的,
显示:flex虽然可以使用它,但IE11并不完全支持它,而且在使用它的地方它有很多缺陷。有一些变通方法,但在IE11中可以解决问题,但在Chrome和Firefox上就会出现问题。IE11没有正确设置
高度
,如果添加
高度
属性,则垂直对齐可能会停止工作,或者可以设置固定宽度。