让父div继承兄弟高度?

时间:2013-10-17 16:57:23

标签: html css

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

再次感谢。

3 个答案:

答案 0 :(得分:1)

如果您将父css设置为

overflow: auto;

并删除任何预设的最大高度等,然后它会响应并带走孩子的身高。

我认为这就是你要问的问题?

答案 1 :(得分:1)

DIV可以继承兄弟高度而没有JavaScript的唯一方法是使用HTML中的表格或CSS中的表格显示属性。

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

按要求更新。我已经在JQuery中完成了它,因为它更容易。我还没有测试它,但它应该工作,只需更改标识符以适应您的DIV的识别方式。

JQuery的:

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

古德勒克

答案 2 :(得分:1)

默认情况下,父容器将拉伸以包含任何子元素。没有看到你的HTML和CSS,我无法诊断你的问题。看看不清除你的花车(你应该),或者在你的父容器上设置一个高度(你不应该)。