2013-11-15 93 views
0

我在IE9中有一個可滾動的div。滾動條右側有一個額外的空白區域。IE滾動條中的額外空白

enter image description here

當我移動滾動到右邊,在右邊的空格變得越來越小,但對滾動條的左側轉移,直到完全消失。

enter image description here

任何人有一個想法,爲什麼發生這種情況?

謝謝!

編輯:

這裏有一個jsfiddle在這裏你可以看到滾動條的空白。

enter code here 
+1

在網站 –

+0

中提供鏈接不能。它是內部的。加上它只是一個具有樣式規則的div: { \t display:inline-block; \t overflow-x:auto; \t overflow-y:scroll; \t white-space:nowrap; \t width:1000px } – dork

+0

jsfiddle example pls。 –

回答

0

這很可能是由內嵌塊元素之間的空白渲染引起的。它立刻讓我想起克里斯科伊爾的article on the subject at CSS-Tricks

這不是一個「錯誤」(我不認爲)。這只是設置線上元素的方式。你想要輸入的單詞之間的空格是空格嗎?這些塊之間的空間就像單詞之間的空格。這並不是說規格不能更新,說內聯塊元素之間的空間應該是沒有什麼,但我相當肯定,這是一個不可能發生的巨大的蠕蟲罐。

他提供了許多解決方案。

+0

但滾動條不會影響旁邊的其他元素。滾動條位於元素本身,而不是容器 – dork

+0

我無法在IE9模式下複製運行IE10的問題。你能證實這是爲其他人發生的嗎? – denmch

+0

是的,它不會發生在IE10 IE9模式下,只是普通的'IE9 – dork