div的内容将动态设置。div #background，应适应（单独的）div的高度。调整浏览器大小时，背景还应适应div的大小调整。因此，应在页面加载或调整浏览器大小时执行该操作。
<div id="wrapper">
<div id="background"></div>
<div id="content">
<p>This content will be set dynamically.
<br>The div #background should adapt to this height.
<br><br><br><br><br><br>
<br>This should happen when the page loads,
<br>or when the browser is resized.
<br>At this moment, it only works when
<br>the page loads.
<br>
</p>
<!-- end #content -->
</div>
<!-- end #wrapper -->
目前，即使我添加了以下代码，它也仅在页面加载时有效：
$(window).resize(function () {
$("#background").css({
height: ($("#wrapper").height() + 50) + 'px'
});
});
如何调整大小位？谢谢。
您的resize处理程序正在按预期工作，但是问题是，#wrapper除非您指定高度，否则它不会改变高度，所以现在您只需将每次触发时的heighton更新#background为相同的值即可resize：
$(window).resize(function () {
$("#background").css({
height: ($("#wrapper").height() + 50) + 'px'
// ^^^^^^^^^^^^^^^^^^^^^^ this value never changes
});
});
html, body, #wrapper { height: 100%; }
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句