2012-06-05 29 views
20

我試圖overflow-x:visible;不適用於overflow-y:auto;任何解決方法?

.item{ 
    width:100px; 
    overflow-x: visible; 
    overflow-y: auto; 
} 

但垂直溢出:汽車似乎覆蓋水平的

小提琴:http://jsfiddle.net/xcUTV/

有沒有辦法解決這個?即使有點javascript

+1

**更好的演示:** http://jsfiddle.net/xcUTV/1/ –

+0

順便說一句,你不必顯式設置'overflow-x:visible' - 這是默認的演示文稿。 –

+1

'overflow-y:auto;'表示垂直滾動條可能存在也可能不存在。我猜想,垂直滾動條表示水平邊界,所以如果可能出現垂直滾動條,瀏覽器不允許文本水平溢出。所以,如果設置了「overflow-y:auto;」,則「overflow-x:visible;」不適用。但這只是我的猜測。 –

回答

12

你不能,這是寫在規範。

看一看這裏:https://stackoverflow.com/a/6433475/1343096

因爲它是寫在規範中,我99%肯定,這是不可能做到的。

+0

JavaScript的解決方法呢? –

+5

JavaScript並不神奇!無論指令來自CSS還是JavaScript,這種事都由瀏覽器本身實現。我不認爲這是不可能的,我只是說它會讓它感到驚訝,而且會違反規範。 – tibo

+0

它是寫規格??這是什麼意思...... 你是說這不是bug和廠商是否完全激烈 –

相關問題