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

标签 javascript jquery css layout

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

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

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

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

它有默认功能吗? 谢谢

最佳答案

尝试;

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

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

关于javascript - jquery:自动调整大小绝对定位子 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1680533/

相关文章:

javascript - 你如何处理 jQuery 中的 oncut、oncopy 和 onpaste?

javascript - 以十六进制格式获取DIV的颜色JQuery

javascript - 我可以从绝对 URL 加载网络 worker 脚本吗?

javascript - 在 ul 中使用 Jquery 获取总计数

javascript - Norton 360 阻碍了我的 javascript——我该怎么办?

MySQL 中的 Javascript 数组

javascript - ElementTransitions 不适用于 jquery 加载的页面

html - Chrome 运行良好,但我在 Firefox 和 IE 中的 div "tables"超出了页面

javascript - 尝试添加功能来选择选项

php - SWFUpload 是否可以将多个文件上传到单个 php 脚本执行