javascript - 尽管数字正确，但滚动条内的元素未对齐

Question

我创建了一个简单的用户控制轮播，但每次滚动当前显示的部分都会偏离大约 4.5 像素。

它通过收集所有直接祖先来工作 <section>它所挂接的父容器内的标签，设置 display: inline-block在每个 <section>并使每个 <section> 的宽度一样。

滚动是通过设置 <section> 来实现的容器的margin-left属性为负 N * W，其中 N 是 <section> 的数量标签滚动，W 是每个 <section> 的宽度.

padding和 margin <section> 的属性标记和容器已设置为 0。

这可能是什么原因造成的？

JSFiddle:https://jsfiddle.net/835kxb2w/ - 我在 <section> 中添加了边框标签使问题更加明显。

此外，在我认为相关的问题(与模板中剩余的空格有关？)中，最后一节换行。尽管有 <section>容器正好是 N * W 像素宽。

谢谢

Answer 1

将 font-size: 0; 添加到 .profileService_profileDescriptors 类(并从 .beautySection 中删除边框样式)。

Reasoning here