CSS-使div继承高度
我正在尝试制作一个带有圆角的框，其中div的高度和宽度取决于内容，因此它会自动调整为…
问题是我无法让“ test_mid_left”（黑色背景）和“ test_mid_right”（蓝绿色背景）继承“
test_mid_center”（绿色背景）的高度。我尝试了身高：100％和自动，但没有任何工作。那么，如何让他们从内容中继承高度？
（我在示例的左右两边使用“ min-height：xx”的原因只是为了显示我正在谈论的方框）
问题答案：
如前所述，这不能用浮点数完成，它们不能继承高度，他们不知道自己的兄弟姐妹，因此例如，两个侧面的浮点数不知道中心内容的高度，因此它们不能继承从任何东西。
通常，继承的高度必须来自具有显式高度的元素，或者height: 100%;必须已经通过显示树向下传递给它。.我所知道的唯一一件事是传递的高度不是来自顶部。 “树”是一个 绝对定位的元素
-因此，例如，您可以绝对定位所有右上角，左下角和角点（无论如何，您都知道角点的高度和宽度），而且您似乎也知道（左/右角的宽度）边框）和顶部/底部边框的高度以及顶部/底部中心的宽度很容易达到100％-如果内容增加，唯一需要计算的是右侧/左侧的高度-
*即使不使用IE6
/ 7
不支持的所有四个定位坐标 *， 也 可以执行此操作
我已经根据您提供的内容制作了一个html" target="_blank">示例，它确实依赖于固定宽度（您的框架），但是我认为它也可以使用灵活的宽度吗？对于花哨的图像边框，使用此功能可能会很酷，直到多个背景图像或图像边框完全可用，我们才能获得支持。.谁知道，我在玩，所以就把它贴在那里！
-
为什么需要继承 设想一下，如果我们想把HTML文档所有的文本颜色设置为灰色，你可以把所有元素都罗列出来，像下面这样： p, ul, ol, li, h1, h2, h3, h4, h5, h6{ color: grey;} 但是这样的代码是累赘且效率低下的。 学过面向对象编程（OOP）的同学，应该知道继承是代码复用的关键机制，通过继承多个对象可以共享一个属性或函数而无须重复声明。CSS继承机制的设
-
问题内容： 我的侧边栏中有一个使用嵌套列表（ 和 标记）的分层导航菜单。我使用的预制主题已经具有列表项的样式，但是我想更改顶级项的样式，但不能将其应用于子项。是否有一种简单的方法可以将样式应用于顶级列表项标签，而无需将样式层叠到其子级列表项？我知道我可以在子项目中显式添加重写样式，但是如果有一种简单的方法，只是说“将这些样式应用于此类并且不要级联，我真的很想避免必须重复所有样式代码”他们将其归
-
问题内容： 我希望我的容器div获得其子代高度的最大值。不知道孩子的身高。我正在尝试使用JSFiddle。容器为红色。没有出现。为什么？ 问题答案： 添加以下属性： 这将迫使容器尊重其中所有元素的高度，而不考虑浮动元素。 更新 最近，我正在一个需要此技巧但需要允许溢出显示的项目中工作，因此，您可以使用伪元素清除浮动，从而有效地实现相同的效果，同时允许所有元素上的溢出。
-
问题内容： 很抱歉，这是一个旧问题还是一个已知问题，但是我无法在线找到答案。如果我有代码 然后在Firefox中，黑色的内部div随着屏幕缩小而缩小，并在200px高度处停止。但是，在Webkit浏览器中，红色的外部div停止，但内部div继续缩小，就好像它在没有min- height属性的父div中一样。 是否有一个简单的修复程序可以使Webkit版本与Firefox渲染保持一致？如果将一个作品
-
问题内容： 我已经为h2标签设置了一些样式（颜色，字体大小等），但是当我在其中放置“ A”标签时，样式就会作为链接。我的html： 因此，如您所见，我创建了“ no-decor”类。它应该继承h2的“ a”标签样式。 在Firefox上，一切都可以，但IE仍显示标记“ a”样式（带下划线的文本装饰和蓝色）。我知道，我可以为“ h2 a”设置某种样式，但是也许可以通过某种方式在IE7上强制CSS继承
-
问题内容： 在我的页面上，我正在通过JavaScript更改某些CSS样式。当我尝试提取一个已继承的值时-它变成空白。考虑以下： 和html： 如果我查看元素’ document.getElementById（objname）.style.display ‘其空白？如何通过javascript读取显示值？ 问题答案： 您将要使用getComputedStyle。 该属性是访问和设置内联样式的方式（