2014-04-10 101 views
1

被個人持有表(使得頂可以作爲標題行動,底部可以作爲一個滾動內容區域ACT)所以,我有兩個div。鉻溢出:滾動CSS問題(幻影保證金/填充)

一切正常功能,但我一直在敲打我的頭靠在我的辦公桌試圖理清這個幻象邊境/保證金是沒有顯示在瀏覽器上滾動區域。

這是火狐:

enter image description here

這是Chrome瀏覽器:

enter image description here

正如你所看到的,Chrome的渲染上滾動左側的微弱保證金/填充區域(從「12a」時間標記開始的地方開始)在測試過程中,我將可滾動區域的背景更改爲#ff0000,以確保它確實不是邊框。但是,這看起來像沒有該樣式變化:

enter image description here

我要補充的一個簡單的利潤率左到該元件中,但在日曆細胞通過JavaScript和小區寬度呈現等是基於容器的寬度計算出的,數可供查看的日子以及其他一些參數。在測試中,這被證明會在表格中進一步排除單元格的對齊。

有沒有人遇到過這個?有誰知道一種方法來禁用Chrome中的可滾動元素的這個屬性?任何幫助是極大的讚賞。

在此先感謝!

回答

0

邊框和滾動條計算在您的總寬度。這似乎是爲什麼它看起來好像頂盒被推到左邊,當它真的是從滾動條的幾個像素偏移到右邊的一切。

嘗試用

left:-2px; 

或然而許多寬度爲抵消滾動條容器。

+0

我試過這種方法,不幸的是我的表格單元格是基於表格的寬度計算,所以這一切確實是在細胞中最遠的到左邊解決這個問題,但是當你向右滾動,他們仍然掉下來的對齊。感謝您的意見,但。 –

+0

那麼有限的信息,你給了這是最好的,我可以看到基於圖像。 提供html和css以獲得更好的幫助 – Silverandrew