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

Question

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

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

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

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

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

谢谢!

Answer 1

如果你不能inherit母公司的高度div使用height: 100%;的innerDIV

演示

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

演示2