为什么我的嵌套Div不继承父高?

时间:2012-11-11 05:11:40

标签: inheritance html height nested

关于嵌套div和高度继承,我有一个非常基本的问题。假设我有以下html snippit:

...
<div style="height: 50px;">
    <div style="height: inherit;">
    </div>
</div>
...

我认为只是通过检查,内部div与外部div具有相同的高度(50px),但是当我测试它时,高度不会被继承。

首先,通过将一个嵌套在另一个中定义的div之间的父/子关系是什么?接下来,我需要做些什么来使内部div继承外部的?

对不起这些基本问题的人。我正在运行的烟雾一直在工作(在其他东西上几个小时,我不得不切换到这个)。请不要因为问这么愚蠢的问题而抨击我。 :)

谢谢!

1 个答案:

答案 0 :(得分:5)

如果您无法inheritdiv身高height: 100%;使用inner background-color div

Demo

顺便说一下你的div确实继承了高度,只是如果你想看到给它一个border或{{1}}你会看到内部div继承了它的父级div的高度

Demo 2