javascript - jquery:自动调整大小绝对定位子 div

Question

我使用 2 个 div 进行以下标记。 #child div 已设置 position:absolute;

+------------------------------+
|    +----------+              |
|    | #child   |              |
|    +----------+              |
|                              |
|                              |
|                              |
+------------------------------+

我想通过代码更改 child 的高度，以便它始终自动调整其容器的大小，如下所示:

+------------------------------+
|    +----------+              |
|    | #child   |              |
|    |          |              |
|    |          |              |
|    |          |              |
|    +----------+              |
+------------------------------+

它有默认功能吗？谢谢

Answer 1

尝试；

$('#child').height($('#child').parent().height());

这假设您的外部 div 上没有填充和边框。如果这样做，您需要在某些浏览器中取消这些高度以确保它匹配。