Chrome瀏覽器溢出：滾動CSS問題（幻影邊距/填充）

Question

因此，我有兩個保存單個表的div（以便頂部可以充當標題，而底部可以充當可滾動的內容區域）。

一切功能均正常運行，但我一直將頭撞在桌子上，以試圖弄清在可滾動區域的Chrome中顯示的幻影邊框/邊距。

這是Firefox：

這是Chrome：

如您所見，Chrome瀏覽器在可滾動區域的左側（開始於“ 12a”時間標記的起始位置）上呈現出模糊的邊距/邊距。在測試過程中，我將可滾動區域的背景更改為＃ff0000，以確保的確不是邊界，但這是不更改樣式的情況：

我將向該元素添加一個簡單的margin-left，但是日歷單元格是通過javascript和單元格寬度呈現的，等等是根據容器的寬度，可查看的天數以及其他幾個參數來計算的。 在測試中，這證明可以使表格中更遠的單元格對齊。

有人遇到過嗎？ 有人知道在Chrome中可滾動元素上禁用此屬性的方法嗎？ 任何幫助是極大的贊賞。

提前致謝！

Answer 1

邊框和滾動條以您的總寬度計算。 這似乎就是為什么看起來好像頂盒被推到左側的原因，而實際上是滾動條中的幾個像素將其下方的所有內容向右偏移。

嘗試使滾動條容器偏移

left:-2px;

或寬度有多大。