我有一个父母div和一些孩子div。如果不对父div做任何事情,如果我对父div中的任何子级调用以下代码:

$('.child').height(newHeight);

父级div将基于其子级的所有高度来适应新高度。

但是,如果我像这样设置父级的高度:

$("#parent").height(newParentHeight);

然后以上述相同的方式更改任何子代的高度,则父代的高度不符合基于其子代所有高度的新高度。本质上,父母的身高被“锁定”到我通过.height()方法发送的身高。

即使我使用上面的代码设置了父级的高度,是否有办法确保父级div符合其所有子级的高度?

更新1:
根据要求,以下是父div的CSS:

#workarea
{
    overflow: hidden;
    border-bottom: 1px solid white;
    border-left: 1px solid grey;
    border-right: 1px solid white;
    background: #ccc;
}

最佳答案

.height()通过直接设置DOM元素的CSS样式将div的高度锁定为您指定的任何高度。如果要使其恢复正常,则应显式取消设置CSS样式:

$('#parent').css('height', '')

10-05 21:07
查看更多