Chrome溢出：滚动CSS问题（幻像边距/填充）

Question

所以，我有两个div持有单独的表（这样顶部可以作为标题，底部可以作为可滚动的内容区域。）

一切都在功能上运行良好，但我一直在我的桌子上敲击我试图理清可滚动区域中Chrome中出现的虚拟边框/边距。

这是Firefox：

这是Chrome：

正如您所看到的，Chrome在可滚动区域的左侧渲染了一个微弱的边距/填充（从“12a”时间标记开始处开始。我在测试期间将可滚动区域的背景更改为＃ff0000确保它确实不是边界。但这就是没有这种风格变化的样子：

我会向此元素添加一个简单的margin-left，但是日历单元格是通过javascript呈现的，并且单元格宽度等是根据容器的宽度，可查看的天数和其他几个参数计算的。在测试中，这证明了在表格中进一步排除了细胞的排列。

之前有没有遇到过这个？是否有人知道在Chrome中的可滚动元素上禁用此属性的方法？非常感谢任何帮助。

提前致谢！

Answer 1

以总宽度计算边框和滚动条。这似乎是为什么它看起来好像顶部框被推到左边，当它真的是滚动条中的几个像素偏移它下面的所有东西。

尝试使用

偏移滚动条容器

left:-2px;

或宽度是多少。