隱藏在HTML和CSS的水平滾動條？

Question

我正在嘗試隱藏網頁上的水平滾動條。 我曾嘗試使用“ overflow-x：hidden”，但Visual Studio表示overflow-x不是已知的CSS屬性名稱。

我還使用了overflow：auto，它照顧了垂直滾動條，而不照顧水平滾動條。

救命？

Answer 1

overflow-x不是有效的CSS2屬性，但它是有效的CSS3 。 您可以告訴VS檢查CSS3而不是CSS2嗎？
（是否可以，取決於VS的版本。）

Answer 2

溢出屬性是真實的，在CSS3草案中位於此處：

W3C CSS3 Box模型頁面

overflow：auto僅在內容適合該方向時才隱藏滾動條，即，如果內容比Y維度中的父容器短，則它將隱藏垂直滾動條。 此頁面上有一些插圖，它們比我能更好地解釋它！

http://www.brunildo.org/test/Overflowxy2.html

Answer 3

Visual Studio可能正在針對CSS2架構進行驗證，overflow-x是CSS3屬性。 （請參閱http://msdn.microsoft.com/en-us/library/ms530826.aspx ）

您有一些選擇：

1. 更改VS以針對CSS3進行驗證。 我相信VS工具頁面上有下載可啟用此功能。 （ 編輯：鏈接可以在這里找到： Visual Studio 2010中的CSS 3.0 ）

2. 忽略紅色下划線。 您可以使用該屬性，VS只是告訴您它對CSS2無效。 請注意，任何不支持CSS3的瀏覽器也會忽略該屬性。

3. 如MSDN文章中所述，使用供應商特定的屬性，例如-ms-overflow-x。 我只會將此選項作為最后的選擇，因為您必須在要支持的所有不同瀏覽器中測試每個。