gpt4 book ai didi

jquery - DIV 标签高度不会拉伸(stretch)以填充父空间

转载 作者:太空宇宙 更新时间:2023-11-03 18:59:33 25 4
gpt4 key购买 nike

我正在尝试获取一个包含 Object 标签的嵌套 DIV 标签,以拉伸(stretch)到其父容器的剩余空间。

我拥有的是由 3 个 DIV 标签组成的页眉-内容-页脚模板。内容 DIV 有一个包含另一个 HTML 页面的对象。页眉和页脚的高度设置为绝对像素值。我希望内容 DIV 占用剩余空间。无论我做什么,似乎我能想到的最好办法就是将 DIV 内容标签设置为屏幕高度的 100%。这是代码:

<body>
<div id="pageWrap">
<div id="page">
<div id="header" style="height:68px;"></div>
<script type="text/javascript">
$(document).ready(function() {
$("#header").load('header.jsp');
});
</script>
<div id="mapLocation" style="width:100%; height:100%; overflow:auto;">
<object type="text/html" style="width:100%; height:100%;" data="top/index.html"></object>
</div>
<div id="footer"></div>
<script type="text/javascript">
$(document).ready(function() {
$("#footer").load('footer.jsp');
});
</script>
</div>
</div>
</body>

任何解决方案都很好,jQuery、CSS 或其他!

感谢帮助

吉尔曼

最佳答案

认为这与我几周前回答的问题相同: Page fills window with content filling the gap

关于jquery - DIV 标签高度不会拉伸(stretch)以填充父空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12531805/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com