jquery - Jquery 没有得到正确的屏幕尺寸

Question

我不知道问题出在哪里，所以我在标题中做了一个猜测。

基本上，我想做的是

<div id="header">Header</div>
<div id="content">Content</div><!-- Max screen height possible -->
<div id="footer">Footer</div>

在进行了简单的计算后，例如：window_height - header_height - footer_height，它在屏幕中不正确。（总共 3 个 div 的高度大于窗口）

function adjustbody(){
    var windowh = $(window).height();
    var headerh = $("#header").height();
    var footerh = $("#footer").height();
    var contenth = windowh - headerh - footerh;
    $("#content").css("min-height",contenth);
}

在此处查看完整代码。JSFiddle

我是否缺少一些要减去的高度？

Answer 1

重置您的 body/html 边距和填充。

body, html {

    margin: 0px;
    padding: 0px;

}

Answer 2

你的问题不是代码。

您小提琴中的问题是 body 有默认边距。删除它，它工作正常。