IE 11问题与flexbox项目的最大宽度

Question

在IE 11中,如果项目项目具有最大宽度属性,则它们没有正确居中.但是,此示例适用于Chrome和Firefox.

JS Bin

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: blue;
  width: 100%;
}

.red {
  background-color: red;
  flex-grow: 1;
  display: flex;
  max-width: 200px;
}

<div class="container">
  <div class="red">non centered box</div>
</div>

Answer 1

这是一个错误.但根据IE反馈,它应该已经修复.

作为解决方法,flex-grow: 1;如果您不必使用它,则可以删除.