2012-11-12 46 views
12

嗯,我很難過這個。正如您可以看到的,如果您使用Internet Explorer 9查看this jsfiddle,則會有一個div在懸停時自動擴展。不需要JavaScript!無論如何,我檢查了與W3C validator的CSS,它顯示了幾個錯誤,但據我可以告訴他們是由於供應商的具體屬性,或至少我一直無法找到語法錯​​誤等我懷疑這個特定可能對IE 9來說太多了:Internet Explorer 9的神奇擴展div

div.gridViewScrollerH 
{ 
    width: 916px; 
    overflow-x: auto; 
    overflow-y: hidden; 
    -ms-overflow-x: auto; 
    -ms-overflow-y: hidden; 
} 

有沒有人有過這個問題?有任何想法嗎?由於

+1

IE9不需要'-ms-overflow-x'或'-ms-overflow-y'。那些分別是'overflow-x'和'overflow-y'的別名,所以如果你已經使用了前綴的版本(如果你這樣做的話它們沒有效果),沒有理由使用它們。 – BoltClock

+0

我認爲這更多的是汽車與隱藏溢出問題。例如,某些值的組合不起作用。 – BoltClock

+0

@BoltClock是的,我沒有這些。當我開始絕望時,我添加了這些行:p – JayPea

回答

19

只需添加display: inline-block;到類

div.gridViewScrollerH 
{ 
    display: inline-block; 
    width: 916px; 
    overflow-x: auto; 
    overflow-y: hidden; 
    -ms-overflow-x: auto; 
    -ms-overflow-y: hidden; 
} 
+0

我會謹慎地將隨意的東西變成表格框。 – BoltClock

+0

對不起。 'display:inline-block'我的意思是。我解決了答案。 Thnx BoltClock – Varon

+0

這確實有用。謝謝。 – JayPea

2

具體到IE9此問題。 使div的溢出風格爲滾動,而不是應用自動。

0

請嘗試在類中添加最小高度:0%