如何获得身体元素的高度

Question

这里所有的总高度<div>是900像素,但jQuery函数返回身体的高度为577像素.(如果我删除了身体CSS,它正在工作).

有这个问题的解决方案吗？

$j(function() {
    alert($j("body").height());
})

html, body {
    height:100%;
}

<div style="height:200px">header</div>
<div style="height:500px">content</div>
<div style="height:200px">footer</div>

Answer 1

简单地使用

$(document).height() // - $('body').offset().top

和/或

$(window).height()

代替 $('body').height();

Answer 2

组

html { height: 100%; }
body { min-height: 100%; }

而不是height: 100%.

jQuery返回的结果是正确的,因为您已将主体的高度设置为100%,这可能是视口的高度.这三个DIV导致溢出,因为在BODY元素中没有足够的空间.要查看我的意思,请将边框设置为BODY标记并检查边框的结束位置.