如何使内部div的高度与最高div的高度相同
在下面的代码中，我希望带有“ y”的div将div的高度与3个“ x”相匹配。
<div style="border: 0px solid red; margin: 0px 0px 5px; overflow: hidden;">
<div style="border: 1px solid rgb(129, 11, 0); margin: 0px; padding: 5px; background-color: rgb(30, 23, 22); width: 312px; float: left;">
x<br/>x<br/>x
</div>
<div style="border: 1px solid rgb(129, 11, 0); margin: 0px; padding: 5px; width: 312px; background-color: rgb(30, 23, 22); float: right;">
y
</div>
需要注意的是内部div是浮动的。
问题答案：
如果您不反对使用jQuery，可以使用EqualHeight，它应该做您想要的
-
问题内容： 我有2个div并排。我不知道它们的高度，它根据内容而改变。有没有一种方法可以确保它们始终保持相同的高度，即使其中一个拉伸时也只能使用CSS？ 我做了一个小提琴来展示。我希望红色和蓝色的div高度相同… 这是CSS： 问题答案： 您可以尝试使用float来代替使用float。但是，您可能会发现某些较旧的浏览器不了解此规则。见下文：
-
问题内容： 我想要黑色的外部包装包裹它的浮动。我不想使用中与ID，因为我希望它自动将其内容的高度（例如，浮动或多个）。 如何实现呢？ 问题答案： 您可以将的CSS设置为此 您也可以在末尾添加一个元素来完成此操作。可以使用JS（不是一个好的解决方案）或CSS伪元素（在较旧的IE中不受广泛支持）正常添加。 问题在于容器不会自然地扩展为包括浮动儿童。使用第一个示例警告您，如果在父元素之外还有子元素，则它
-
问题内容： 我有一个带两个孩子的容器。第一个孩子有给定的身高。如何让第二个孩子占据容器的“自由空间” 而不给其指定高度？ 在示例中，粉红色也应占据白色空间。 与此问题类似：如何使div占据剩余高度？ 但是我不想摆 绝对的位置 。 问题答案： 可以通过多种方式扩展子级以填充剩余的空间，具体取决于您希望获得的浏览器支持以及是否具有定义的高度。 样本 格网 CSS的布局提供了另一种选择，尽管它可能不如F
-
http://jsfiddle.net/s8g4e/ 类似于这个问题：如何使div占据剩余高度？ 但我不想给位置绝对。
-
问题内容： 我正在尝试制作一个带有圆角的框，其中div的高度和宽度取决于内容，因此它会自动调整为… 问题是我无法让“ test_mid_left”（黑色背景）和“ test_mid_right”（蓝绿色背景）继承“ test_mid_center”（绿色背景）的高度。我尝试了身高：100％和自动，但没有任何工作。那么，如何让他们从内容中继承高度？ （我在示例的左右两边使用“ min-height：
-
问题内容： 我有这些嵌套的div，我需要主容器扩展（在高度上）以容纳内部的DIV CSS是这样的： 我的问题是无法拉伸以容纳所有内部div，结果它们一直在后台运行。 考虑到以上情况，如何解决此问题？ 问题答案： 您需要在div关闭之前强制输入a 。我可能会将其移入div并将CSS设置为： 更新： 这个问题仍然有相当多的流量，所以我想使用CSS3中称为“弹性框”或“弹性框”的新布局模式，以一种现代的