html - IE11 中的嵌套 Flexbox 中断

Question

我找不到让它工作的方法。我有一个有两个主要部分的瓷砖：

除了 IE11 之外，这种布局适用于任何地方，我想是因为我有一个嵌套的 flexbox。

外层flexbox如下：

绿色是 flex:1，黄色是 flex:0。

这是内部的 flexbox，它位于绿色的 flexbox 内。这是另一个简单的 flex:1/flex:0 布局，就像外部 flexbox 一样。

在 IE11 中，内部 flexbox 将其他所有内容推离屏幕：

我需要支持 IE11，我觉得我缺少一个简单的解决方法。

请帮忙！

标签： htmlcssflexbox

Answer 1

IE11 需要一个 flex-basis 单位（flex 属性的第三个值），并且根据source，当你设置flex: 1它实际上等于flex: 1 1 0.

尝试将每个flex属性从更改flex: X为flex: X 1 auto