inheritance - 为什么我的嵌套 div 不继承父级高度?

标签 inheritance html height nested

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

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

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

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

抱歉大家问这么基本的问题。我在这里一直在工作(在其他事情上工作了几个小时,我不得不换档)。请不要因为我问了这么愚蠢的问题而责备我。 :)

谢谢!

最佳答案

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

Demo

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

Demo 2

关于inheritance - 为什么我的嵌套 div 不继承父级高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13328764/

相关文章:

css - 处理固定填充和灵活宽度/高度的最佳方法

css - 如何在不同浏览器中修复社区框 CSS 的高度

c# - 继承模板抽象类C#

wpf - FrameworkElement 的 DataContext 属性不会沿元素树继承

c++模板子类调用错误的父构造函数

html - CSS加载延迟页面显示

javascript - 如何: HTML/jQuery - File upload (images) preview name + file

c++ - 将对象指针转换为 char 数组

html - 让element取剩余高度不使用display :table-row and absolute positioning