防止IE中flexbox中的块拉伸

Question

我将立即提供代码来说明我的问题：
HTML：

  

  
 abc 

 

CSS：

  .outer {
  显示：flex;
  flex-wrap：包装;
  align-content：flex-start;
  背景颜色：蓝色；
  高度：500像素；
}
.inner {
  背景颜色：黄色；
  最低高度：40像素；
  显示：inline-flex;
  宽度：60％;
  背景颜色：黄色；
  边框：1px纯黑色；
}
 

如您所见，内部块是垂直拉伸的，但是，如果添加另一个内部块，则其行为正常。 IE中似乎只是一个问题。有什么方法可以使内块不拉伸（当外块内部只有一个时）？