当基础设置为自动时，Flexbox列项目中的内容在Chrome中不会增长

Question

当具有方向栏的flexbox且其中包含项的内部时，将其设置为1，并将另一个div内的高度设置为100％，则当div具有基础时，div不会增长为flexbox项的大小设置为自动。这仅在Chrome中发生。当base为0时，一切正常。为什么会这样？

.body {
  width: 400px;
  height: 400px;
  display: flex;
  flex-direction: column;
}

.outer {
  flex: 1 0 auto;
}

.inner {
  height: 100%;
  background-color: RED;
}

<div class="body">
  <div class="outer">
    <div class="inner"></div>
  </div>
</div>