使用％作为子div元素的高度时，Flexbox不会调整大小

Question

目前我有这些代码

.tomorrow
  display: flex

  .imagediv
    width: 100%
    height: 200px

在这种情况下，容器类'.tomorrow'调整自身大小以适应每个孩子的身高。

但是，在下一个案例中，它不再重新调整大小：

.tomorrow
  display: flex

  .imagediv
    width: 100%
    height: 100%  // the issue is right here

当我们将％值放入'.imagediv'的高度时，有没有办法让容器类'.tomorrow'适合？谢谢。