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

Question

因此，我有两个保存单个表的div（以便顶部可以充当标题，而底部可以充当可滚动的内容区域）。

一切功能均正常运行，但我一直将头撞在桌子上，以试图弄清在可滚动区域的Chrome中显示的幻影边框/边距。

这是Firefox：

这是Chrome：

如您所见，Chrome浏览器在可滚动区域的左侧（开始于“ 12a”时间标记的起始位置）上呈现出模糊的边距/边距。在测试过程中，我将可滚动区域的背景更改为＃ff0000，以确保的确不是边界，但这是不更改样式的情况：

我将向该元素添加一个简单的margin-left，但是日历单元格是通过javascript和单元格宽度呈现的，等等是根据容器的宽度，可查看的天数以及其他几个参数来计算的。 在测试中，这证明可以使表格中更远的单元格对齐。

有人遇到过吗？ 有人知道在Chrome中可滚动元素上禁用此属性的方法吗？ 任何帮助是极大的赞赏。

提前致谢！

Answer 1

边框和滚动条以您的总宽度计算。 这似乎就是为什么看起来好像顶盒被推到左侧的原因，而实际上是滚动条中的几个像素将其下方的所有内容向右偏移。

尝试使滚动条容器偏移

left:-2px;

或宽度有多大。