【CSS】为什么文本信息在Chrome能显示，在IE11上不显示？

问题描述：span上的文本信息在Chrome上能正确显示，但是在IE11上不显示？
详细配置：

<div class='outer'>
  <div class='inner'>
    <span>'test text'</span>
  </div>
</div>

.outer{
  display:flex;
}

.inner{
  flex:1;
  display: inline-flex;
  max-width: 200px;
}

解决办法：去掉内部盒子配置的flex:1。
原因可能是样式配置冲突，Chrome能正确修复，但IE11缺少必要的修复处理。