CSS calcとJS計算が等しくない

Question

CSSの項目幅を計算し、jsで同じように計算します。
要素スタイルの最初のもの、カルーセルトラック計算の2番目のもの。

マイCSS：

.category-carousel .carousel-item { 
    width: calc((100vw - 80px)/7); // result is 262.544px 
} 

と私のJS：

var itemWidth = (window.innerWidth - 80)/7; // result is 262.857px 

結果は262 と 262です。
（私はもっとして200個の要素を使用するので、200 * 0.313は私に問題の62pxを与える）

なぜその仕事この方法は？

DEMO

https://jsfiddle.net/2nwLq7vd/5/
幅とコンソール結果が

Answer 1

等しくないあなたは、私は0を設定すると、それは国境パディングに係るれるコード内で何が変更されたか、それは私に与えることができます同じ値あなたは要素ごとにjs計算に境界、マージンを加えるべきです

Answer 2

あなたが設定した境界線のため、上の画像を参照してください。あなたはまた私のフィドルを見つけることができますhttps://jsfiddle.net/hamzeen/xour0ndmここに私のCSSです：

div { 
    width: calc((100vw - 80px)/7); 
    height: 50px; 
    display: inline-block; 
    border: 0px solid; 
    background-color: red; 
}