<分区>
html - 嵌套的 Flexbox 在 IE11 中中断
我找不到让这个工作的方法。我有一个包含两个主要部分的磁贴:
除了 IE11，这个布局在任何地方都有效，我想是因为我有一个嵌套的 flexbox。
外层flexbox如下:
绿色是 flex:1，黄色是 flex:0。
这是内部 flex 盒，位于绿色 flex 盒内。这是另一个简单的 flex:1/flex:0 布局，就像外部 flexbox 一样。
在 IE11 中，内部 flexbox 将所有其他内容推离屏幕:
我需要支持 IE11，我觉得我缺少一个简单的解决方法。
请帮忙!
最佳答案
IE11 需要一个基于 flex-basis 的单位(flex 属性的第三个值)并根据 source ，当您设置 flex: 1 时，它实际上等于 flex: 1 1 0。
尝试将每个 flex 属性从 flex: X 更改为 flex: X 1 auto
关于html - 嵌套的 Flexbox 在 IE11 中中断，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52284729/