为什么我的身高计算17px？

Question

我想手动设置内容高度，以便我的应用程序填充屏幕。这是做这样的代码：

let headerHeight = $("#navBar").height(); 
let footerHeight = $("#footer").height(); 
let browserWindowHeight = $(window).height(); 
let contentHeight = browserWindowHeight - (headerHeight + footerHeight); 
$("#pageHost").height(contentHeight); 

然而，它是由17个像素太大，但我无法找到他们来自哪里。

我仔细查看了Chrome开发人员工具，并且所有计算都显示正确。我已设置

html { 
    box-sizing: border-box; 
} 
*, *:before, *:after { 
    box-sizing: inherit; 
} 

确保使用边框。

但我总是收到一个滚动条，除非我从总数中减去17。

我该如何解决？

Answer 1

也许是合并保证金/填充，我不记得在HTML/body选择 尝试像body和html

html,body { 
    box-sizing: border-box; 
    margin: 0; padding: 0; 
} 
*, *:before, *:after { 
    box-sizing: inherit; 
} 

HTML标签来使用默认的保证金（8像素，如果我没有记错的号码）。我不确定他们是否也有任何填充。请，如果这是你正在寻找的答案，扩大确切的数字。