Css 如何让flex box子项继承高度

我用下面的代码笔来说明我的问题

在我的示例中，我有一个页眉，页面底部的其余部分是正文。 里面有一个子容器，我想继承底部容器的高度

因此.body元素具有正确的高度，但是.child元素似乎不希望继承其父元素的高度

有没有办法让孩子继承。身高？我尝试了

height:100%

和

height:inherit

---

但似乎什么都不管用。有趣的是，FF对Chrome有效，而IE不起作用。

将

高度：100%

添加到

.body

和

.child

。您需要在父项上指定高度，以便

高度：100%

工作。

将

高度：100%

添加到

.body

和

.child

。您需要在父级上指定高度，以便

height:100%

正常工作。

“如果未明确指定包含块的高度（即，它取决于内容高度），并且此元素不是绝对定位的，则值计算为“auto”。

auto

（父级）的

100%

为

auto

“如果未明确指定包含块的高度（即，它取决于内容高度），且该元素未绝对定位，则该值计算为‘自动’。”因此

auto

（父项）的

100%

为

auto