为什么身高：Flexbox的孩子不能100％工作？

Question

问题是，如果我有一个具有自动高度的flex父级，并且有两个孩子，一个具有指定的高度，第二个具有高度：100％保持为0。请参见示例：

.parent {
  display: flex;
  background-color: red;
  align-items: stretch;
}
.spec-height {
  width: 100px;
  height: 200px;
  background-color: green;
}
.full-height {
  width: 100px;
  height: 100%;
  background-color: blue;
}

<div class="parent">
  <div class="spec-height"></div>
  <div class="full-height"></div>
</div>

如您所见，align-items的情况相同：stretch。为什么会发生，以及如何解决？