CSS calc和JS计算彼此不相等

Question

我用css计算项目宽度，并在js中做同样的事情。
第一个用于元素样式，第二个用于轮播轨道计算。

我的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. 544 和262. 857 。
（我使用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;
}