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

Question

所以，我有两个 div 分别保存单独的表格（这样顶部可以用作标题，底部可以用作可滚动的内容区域）。

一切都在功能上正常工作，但我一直把头撞在桌子上，试图理清出现在可滚动区域的 Chrome 中的幻影边框/边距。

这是火狐：

这是 Chrome：

如您所见，Chrome 在可滚动区域的左侧（从“12a”时间标记开始的位置开始）呈现微弱的边距/填充。我在测试期间将可滚动区域的背景更改为#ff0000确保它确实不是边框。但这是没有样式更改时的样子：

我会为这个元素添加一个简单的 margin-left，但日历单元格是通过 javascript 呈现的，单元格宽度等是根据容器的宽度、可查看的天数和其他几个参数计算的。在测试中，这被证明会使表格中单元格的对齐方式更靠前。

有没有人遇到过这种情况？有没有人知道在 Chrome 的可滚动元素上禁用此属性的方法？非常感谢任何帮助。

提前致谢！

Answer 1

边框和滚动条以您的总宽度计算。这似乎就是为什么它看起来好像顶框被推到了左边，而实际上它是来自滚动条的几个像素将它下面的所有东西都向右偏移了。

尝试使用偏移滚动条容器

left:-2px;

或者不管宽度是多少。