在html和css中隱藏水平滾動條？

Question

我想隱藏我的網頁上的水平滾動條。 我試過使用「overflow-x：hidden」，但Visual Studio說overflow-x不是已知的CSS屬性名稱。

我也使用overflow：auto來照顧垂直滾動條，但不是水平的。

幫助？

Answer 1

溢出特性都是真品且是在CSS3草案在這裏：

W3C CSS3 Box Model Page

溢出：汽車只會隱藏滾動條如果內容在該方向上適合，即，如果內容比Y維度中的父容器短，它將隱藏垂直滾動條。在這個頁面上有一些插圖可以比我更好地解釋它！

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

Answer 2

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

Answer 3

Visual Studio的可能是驗證對CSS2模式，以及溢出-x是CSS3屬性。 （見http://msdn.microsoft.com/en-us/library/ms530826.aspx）

你有一些選擇：

1. 更改VS驗證對CSS3。我相信有一個VS工具頁面的下載可以實現這個功能。 （編輯：鏈接可在這裏找到：CSS 3.0 in Visual Studio 2010）

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

3. 使用供應商特定的屬性，如-MS-overflow-x，如MSDN文章中所述。我只會使用這個選項作爲最後的手段，因爲你必須在你想要支持的所有不同的瀏覽器中測試每一個。