如何获取body元素的高度答案

【问题标题】：How to get the height of a body element如何获取body元素的高度
【发布时间】：2009-04-30 11:03:29
【问题描述】：

这里所有<div>的总高度是900像素，但是jQuery函数返回body的高度为577像素。（如果我删除了 body 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>

【问题讨论】：

标签： jquery css

【解决方案1】：

简单使用

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

和/或

$(window).height()

而不是$('body').height();

【讨论】：

这也是一个很好的 Mr.OderWat，但我得到的比实际尺寸多 8px。（通过使用 $(document).height()）。
那 8 个像素“更多”是正确的。它们是文档的边距。您可以使用：body { height:100%; margin:0 } 或者你使用 $(document).height()-$("body").offset().top 减去偏移量
$("body").offset().top 适用于 body 上的相等边距，但如果专门设置了底部边距，它将不起作用。另外，我尝试了 $("body").css("margin-bottom") 但它返回单位，它可能并不总是以像素为单位。还有其他方法可以找出“更多”吗？

【解决方案2】：

设置

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

而不是height: 100%。

jQuery 返回的结果是正确的，因为您将主体的高度设置为 100%，这可能是视口的高度。这三个 DIV 导致溢出，因为 BODY 元素中没有足够的空间供它们使用。要明白我的意思，请为 BODY 标签设置边框并检查边框的结束位置。

【讨论】：

虽然这可能适用于这种情况，但这不是对所提问题的回答。 stackoverflow.com/questions/1304378/jquery-web-page-height
这个身体 { 最小高度：100%; } 是一个非常好的建议。
CSS 设置是否应该用于 html 而不是 head 所写的？
@Robert Koritnik：谢谢。不知道怎么这么久都没注意到错字。
感谢@Rafael，即使经过这么多年，您的回答仍然值得赞赏。

【解决方案3】：

$(document).height() 似乎可以解决问题，并给出总高度，包括只能通过滚动才能看到的区域。

【讨论】：

【解决方案4】：

我相信返回的身体高度是可见高度。如果您需要总页面高度，您可以将 div 标签包装在包含 div 中并获取其高度。

【讨论】：

【解决方案5】：

我们试图避免使用特定于 IE 的

$window[0].document.body.clientHeight

并发现以下 jQuery 不会始终产生相同的值，但最终会在我们的页面加载场景中的某个时刻产生，这对我们有用并保持了跨浏览器支持：

$(document).height()

【讨论】：

你需要缩进4个空格来创建一个代码块，你每个都少一个。