Flex流在IE11中不起作用
欧米茄
在IE11（边缘模式）中，我有此代码
.A {
display: flex;
flex-flow: row wrap;
}
.B {
flex: 1;
background-color: tomato;
}
.fix {
width: 600px;
background-color: lime;
}<div class="A">
<div class="B">
foofoofoofoofoofoofoofoofoo
</div>
<div class="C">
<div class="fix">bar</div>
</div>
</div>在chrome中，当屏幕宽度足够小时，它实际上会自动换行，但是在IE11 Edge模式下，它不会自动换行，而只是彼此重叠。我发现此页面https://msdn.microsoft.com/zh-cn/library/jj127300(v=vs.85).aspx说应该定义flex-flow，而w3schools说它是针对IE11定义的。
http://www.w3schools.com/cssref/css3_pr_flex-flow.asp
有人知道怎么了吗？
谢谢
这是在IE11（边缘模式）中的样子： 
并在Chrome中： 
迈克尔·本杰明（Michael Benjamin）
您的.B元素已flex: 1应用。
计算得出：
flex-grow: 1flex-shrink: 1flex-basis: 0%（在Chrome，FF，Edge中）flex-basis: 0px（在IE11中）
IE11将此表示弹性项目可以缩小到0，因此可以重叠。
代替flex: 1使用flex: auto，它计算为
flex-grow: 1flex-shrink: 1flex-basis: auto（内容长度）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
使用bootstrap的flex utils垂直居中的文本在IE11中不起作用
- 2
Flexbox：flex-shrink在IE11及以下版本中不起作用
- 3
类的CSS仅在IE11中不起作用
- 4
追加元素在IE11中不起作用
- 5
表单按钮在IE11中不起作用
- 6
不到在IE11中不起作用-为什么？
- 7
bootstrap 3按钮在IE11中不起作用
- 8
window.open（）在IE11中不起作用
- 9
边界半径在IE11中不起作用
- 10
OverCls在IE11中不起作用
- 11
XMLHttpRequest文件上传在IE11中不起作用
- 12
PptxGenjs writeFile（）在IE11中不起作用
- 13
PptxGenjs writeFile（）在IE11中不起作用
- 14
ShellInABox在IE11中不起作用
- 15
DevExpress ASPxComboBox在IE11中不起作用
- 16
OverCls在IE11中不起作用
- 17
外部CSS在IE11中不起作用
- 18
rails SweetAlert 2在ie11中不起作用
- 19
身份流在IE 10中不起作用
- 20
Display Flex在IE中不起作用
- 21
方向：RTL在IE11上不起作用
- 22
转换带有calc的translateY在IE11中不起作用
- 23
悬停时颜色变为灰度，在IE11中不起作用
- 24
为什么我的代码在IE11中不起作用
- 25
为什么forEach（）在IE11的iframe中不起作用？
- 26
在IE11中，RowDataBound上Gridview行的背景颜色不起作用
- 27
使用Ajax渲染ViewComponent在Edge / IE11中不起作用
- 28
DotNetOpenAuth提供程序在https的ie11中不起作用
- 29
CSS表达式在IE11中不起作用
我来说两句