私の計算は高さ17pxになっていませんか？

Question

私のアプリが画面いっぱいになるようにコンテンツの高さを手動で設定したい。

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

しかし、それは17個のピクセルで大きすぎるが、彼らがどこから来ている、私は見つけることができません。これは、これを実行するコードです。

私はクローム開発ツールを慎重に見ており、すべての計算が正しく表示されます。私は

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

ボーダーボックスが使用されていることを確認するために設定しました。

しかし、私は合計から17を引いた場合を除き、スクロールバーを取得し続けます。

どうすれば解決できますか？

Answer 1

は、多分それは、デフォルトのマージンが付属してbodyとhtmlなどの

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

HTMLタグは（8px私が間違っていない場合、私は、HTML /ボディセレクタで 試みを覚えていない組み合わせマージン/パディングです人数、個数、総数）。彼らにもパディングがあるかどうかはわかりません。これがあなたが探していた答えだったら、正確な数字に展開してください。