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

【问题标题】：Why Isn't My Nested Div Inheriting The Parent Height?为什么我的嵌套 Div 不继承父高度？
【发布时间】：2012-10-30 23:51:44
【问题描述】：

我有一个关于嵌套 div 和高度继承的非常基本的问题。假设我有以下 html 代码段：

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

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

首先，div 之间的父/子关系是通过嵌套一个嵌套来定义的吗？接下来，我需要怎么做才能让内部div继承外部div？

对于这样一个基本的问题，抱歉。我在这里一直在工作（在其他东西上工作了几个小时，我不得不换档）。请不要因为我问了这么愚蠢的问题而责备我。 :)

谢谢！

【问题讨论】：

【解决方案1】：

如果您无法 inherit 父级的高度 div 使用 height: 100%; 为 inner div

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

【讨论】：

哇，我现在感觉很笨。 :) 再次感谢。
@JanTacci 是的，看看演示
我敢问 auto 和 inherit 是什么意思吗？ :)
@JanTacci 你的内部 div 确实继承了你的父 div 的高度，只是你没有为你的 div 指定任何宽度，所以你看不到，其次继承意味着它继承了高度外部容器，如果你使用自动，它会根据内容增加它的高度希望这对你有帮助
Jan Tacci，你应该投票赞成 Alien 先生的 cmets 和他的主要答案，并点击复选标记接受他的答案。这就是这个网站的主要目的是帮助有声誉的人得到奖励。