溢出-x和溢出之間的差異

overflow-x: hidden和overflow:hidden;之間有什麼區別？溢出-x和溢出之間的差異

我知道的是，overflow-x：hidden;禁用水平滾動，但當我使用它，它不能只與Firefox的工作，所以我改變它與溢出，它完美的作品。

2015-02-07 rota90

[MDN]（https：//developer.mozilla。org/en-US/docs/Web/CSS/overflow）說'overflow-x'應該適用於firefox – royhowie 2015-02-07 00:10:34

真正的問題似乎是爲什麼'overflow：hidden'在某些情況下不起作用。你應該展示一個可測試的例子（HTML和CSS代碼），並明確「不適用於firefox」是指它可以在其他瀏覽器中使用，但不適用於Firefox或其他軟件。 – 2015-02-07 07:41:57

overflow: hidden;隱藏水平和垂直滾動條。
overflow-x: hidden;隱藏水平滾動條。
overflow-y: hidden;隱藏垂直滾動條。

確保您將該屬性設置爲隱藏水平滾動條，像這樣：

body { 
    overflow-x: hidden; 
}

來源

2015-02-07 00:10:09 arnolds

溢出 - X和溢出-Y是相同的（水平和垂直）BUT：的計算值「 overflow-x'和'overflow-y'與它們的指定值相同，除了某些與'visible'的組合是不可能的：如果一個被指定爲'visible'而另一個是'scroll'或'auto'，然後'可見'被設置爲'自動'。如果'overflow-y'是相同的，'overflow'的計算值等於'overflow-x'的計算值;否則它是在一對 '溢出-x' 和 '溢出-Y'

結帳此網絡的計算值：http://www.w3.org/TR/css3-box/#overflow-x

來源

2015-02-07 00:11:19 BloodyMery

在CSS 2.1，只有overflow：

該屬性指定溢出元素框時是否剪切塊容器元素的內容。它會影響所有元素內容的剪切，除了元素（及其各自的內容和子元素），其包含的塊是元素的視口或祖先之外，不包括任何後代元素。

然而，CSS basic box model介紹overflow-x and overflow-y，並重新定義overflow是他們的簡寫：

這些屬性指定當溢出內容是否被裁剪元素的content area。它會影響所有元素內容的剪裁，除了任何後代元素（及其各自的內容和後代），其內容塊是元素的視口或元素的祖先。 'Overflow-x'確定在頂部和底部邊緣的左側和右側邊緣'overflow-y'處的裁剪。

'Overflow'是一個簡寫。如果它有一個關鍵字，它將 'overflow-x'和'overflow-y'設置爲該關鍵字;如果它有兩個，它將'overflow-x'設置爲第一個，將'overflow-y'設置爲。

來源

2015-02-07 00:25:18 Oriol

溢出-x和溢出之間的差異

回答

相關問題