簡單的flexbox示例在Internet Explorer 11中渲染不正確？

Question

考慮以下簡單的display: flex示例display: flex ：

<div class="outer">
  <div class="inner">A</div>
  <div class="inner">B</div>
</div>

.outer {
  display: flex;
}
.inner {
  flex-grow: 0;
  flex-basis: 0px;
}

我測試過的大多數瀏覽器都將其渲染為AB ，但Internet Explorer 11卻將A和B疊加在一起。

這是IE11中的錯誤嗎？ 如果是這樣，是否有一種方法可以調整CSS以使IE11正確呈現？

https://jsfiddle.net/oh6x73ca/

Answer 1

我添加了這個.inner {flex-basis: calc(100% - 0px;)} CSS並進行了測試並正常工作。