在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 Model Page

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工具页面下载可以实现此目的。 （修改：可以在此处找到该链接：CSS 3.0 in Visual Studio 2010）

2. 忽略红色下划线。你可以使用该属性，VS只是告诉你它对CSS2无效。请注意，任何不支持CSS3的浏览器也会忽略该属性。

3. 使用特定于供应商的属性，例如-ms-overflow-x，如MSDN文章中所述。我只会使用此选项作为最后的手段，因为您必须在要支持的所有不同浏览器中测试每个选项。