html - 让父 div 继承兄弟高度？

Question

我正在寻找一种使父容器 div 继承其兄弟高度的方法，该高度设置为 auto 这可能吗？我知道你可以反过来做。

再次感谢。

score 1 · Accepted Answer

如果您将父母 css 设置为

overflow: auto;

并删除任何预设的最大高度等，然后它将响应并获取孩子的高度。

我想这就是你要问的？

score 1 · Accepted Answer

DIV 可以继承同级高度的唯一方法 - 无需 JavaScript - 将使用 HTML 中的表格或 CSS 中的表格显示属性。

.outerDiv{
display: table
}
.innerDiv{
display: table-row
}
.siblingDiv{
display: table-cell 
}

按要求更新。我在 JQuery 中完成了它，因为它更容易。我尚未对其进行测试，但它应该可以工作，只需更改标识符以适应您的 DIV 的识别方式。

查询：

$(function(){ var setheight = ('.contentDiv ').height(); ('.containerDiv').height(setHeight) });

祝你好运

score 1 · Accepted Answer

默认情况下，父容器将拉伸以包含任何子元素。如果没有看到您的 HTML 和 CSS，我无法诊断您的问题。看看诸如不清除浮动（您应该）或在父容器上设置高度（您不应该）之类的事情。

3 回答 3