<script>
$(document).ready(function () {
var footerheight = $('#footer').height();
$('#footer').css('height', footerheight);
$('#footer').css('marginTop', footerheight);
$('#nonfooterinner').css('paddingBottom', footerheight);
});
$(window).bind("resize", function () {
var footerheight = $('#footer').height();
$('#footer').css('height', footerheight);
$('#footer').css('marginTop', footerheight);
$('#nonfooterinner').css('paddingBottom', footerheight);
});
</script>
<body>
<div id="nonfooterouter">
<div id="nonfooterinner">
body
</div>
</div>
<div id="footer">
xxx
</div>
</body>
该脚本获取#footer div的高度，并将其设置为内部包装的底部填充（#nonfooterinner）和#footer的顶部空白。但是，＃footer的最高边距必须为该数字的负值。如何将脚本中的变量“ footerheight”转换为仅用于marginTop值的负数？
最佳答案
Example on jsFiddle
只需将其设置为负数
$('#footer').css('marginTop', - footerheight);