如何让flex盒子继承高度

Question

我制作了以下代码笔来说明我的问题。 https://codepen.io/anon/pen/OmGZed

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

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

有没有办法让孩子继承.body身高？我尝试了height: 100%和height: inherit

但似乎没有任何效果。有趣的是，FF可以使用Chrome或IE不支持。

Answer 1

将height: 100%添加到.body和.child。您需要在父级上指定height: 100%的高度才能生效。