2017-05-26 31 views
0

我做了下面的代码笔来说明我的问题。 https://codepen.io/anon/pen/OmGZed我怎样才能得到一个弹性盒儿童继承高度

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

所以.body元素具有正确的高度,但.child元素似乎不想继承其父高度。

有没有办法让孩子继承.body身高?我试过height: 100%height: inherit

但似乎没有任何工作。有趣的FF作品Chrome或IE不。

+1

https://stackoverflow.com/questions/5657964/css-why-doesn-t-percentage-height-work *“如果包含块的高度没有明确指定(即,它取决于内容高度) ,并且这个元素不是绝对定位的,则该值计算为'auto'。“* so'auto'(父元素)的'100%'是'auto' –

回答

1

height: 100%加到.body.child。你需要指定父母的高度以使height: 100%工作。

相关问题