我有一个父母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', '')