使用“flex-grow：1 parent”的子项的高度百分比不起作用

Question

我的父div #box2有一个已定义的宽度，但它的高度最多为flex-grow:1。问题是，#box2内的任何孩子都不能将百分比用于高度，因为我猜#box2的身高没有明确说明。

我该怎么办？

https://jsfiddle.net/tdje2tL1/1/