javascript - CSS calc 和 JS calculate 不相等

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 的问题)

为什么它以这种方式工作？

演示

https://jsfiddle.net/2nwLq7vd/5/
宽度和控制台结果不相等

Answer 1

你可以看到我在你的代码中所做的更改，它与设置 0 时的边框填充有关，然后它给我相同的值你应该在你的 js 计算中为每个元素添加边框和边距