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继承机制的设
-
问题内容： 我的侧边栏中有一个使用嵌套列表（ 和 标记）的分层导航菜单。我使用的预制主题已经具有列表项的样式，但是我想更改顶级项的样式，但不能将其应用于子项。是否有一种简单的方法可以将样式应用于顶级列表项标签，而无需将样式层叠到其子级列表项？我知道我可以在子项目中显式添加重写样式，但是如果有一种简单的方法，只是说“将这些样式应用于此类并且不要级联，我真的很想避免必须重复所有样式代码”他们将其归
-
问题内容： 很抱歉，这是一个旧问题还是一个已知问题，但是我无法在线找到答案。如果我有代码 然后在Firefox中，黑色的内部div随着屏幕缩小而缩小，并在200px高度处停止。但是，在Webkit浏览器中，红色的外部div停止，但内部div继续缩小，就好像它在没有min- height属性的父div中一样。 是否有一个简单的修复程序可以使Webkit版本与Firefox渲染保持一致？如果将一个作品
-
问题内容： 我希望我的容器div获得其子代高度的最大值。不知道孩子的身高。我正在尝试使用JSFiddle。容器为红色。没有出现。为什么？ 问题答案： 添加以下属性： 这将迫使容器尊重其中所有元素的高度，而不考虑浮动元素。 更新 最近，我正在一个需要此技巧但需要允许溢出显示的项目中工作，因此，您可以使用伪元素清除浮动，从而有效地实现相同的效果，同时允许所有元素上的溢出。
-
使用sass的时候，最后一个减少重复的主要特性就是选择器继承。基于Nicole Sullivan面向对象的css的理念，选择器继承是说一个选择器可以继承为另一个选择器定义的所有样式。这个通过@extend语法实现，如下代码: //通过选择器继承继承样式 .error { border: 1px solid red; background-color: #fdd; } .serio
-
问题内容： 我已经为h2标签设置了一些样式（颜色，字体大小等），但是当我在其中放置“ A”标签时，样式就会作为链接。我的html： 因此，如您所见，我创建了“ no-decor”类。它应该继承h2的“ a”标签样式。 在Firefox上，一切都可以，但IE仍显示标记“ a”样式（带下划线的文本装饰和蓝色）。我知道，我可以为“ h2 a”设置某种样式，但是也许可以通过某种方式在IE7上强制CSS继承