爲什麼我的身高計算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像素，如果我沒有記錯的號碼）。我不確定他們是否也有任何填充。請，如果這是你正在尋找的答案，擴大確切的數字。