Javascript CSS calc和JS calculate不相等

我在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的发行量）

为什么它是这样工作的

演示

---

宽度和控制台结果不相等

你可以知道我在你的代码中更改了什么，设置为0时关于边框填充，然后它给我相同的值，你应该在js计算中为每个元素添加边框、边距

这是因为您设置了边框，请参考上图。你也可以在这里找到我的小提琴，这是我的css：

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

---

应该有一些余地。@FerhatBAŞ我为这个问题添加了小提琴，请检查that@ShadowFoOrm这没有帮助我已经添加了我的答案@Arik donowan这里是jQuery文档中对innerWidth的描述，“获取匹配元素集中第一个元素的当前计算内部宽度，包括填充但不包括边框”对不起，你找到解决方案了吗？如果你没有找到，那么你能分享真实的代码吗？那么我可以帮助你@Arik Donowan