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

重置你的身体/ html边距和填充。

body, html {

    margin: 0px;
    padding: 0px;

}

Answer 2

您的问题不是代码。

你的小提琴中的问题是身体有一个默认的边距。删除它，它工作正常。