在html和css中隐藏水平滚动条？答案

【问题标题】：Hiding horizontal scrollbars in html and css?在html和css中隐藏水平滚动条？
【发布时间】：2012-03-07 21:41:17
【问题描述】：

我正在尝试隐藏网页上的水平滚动条。我试过使用“overflow-x:hidden”，但 Visual Studio 说 overflow-x 不是已知的 CSS 属性名称。

我还使用了溢出：自动处理垂直滚动条但不处理水平滚动条。

帮助？

【问题讨论】：

【解决方案1】：

溢出属性是真实的，并且在此处的 CSS3 草案中：

overflow:auto 只会在内容适合的方向隐藏滚动条，即如果内容比 Y 维度中的父容器短，它将隐藏垂直滚动条。此页面上有一些插图比我能解释得更好！

【讨论】：

【解决方案2】：

overflow-x 不是有效的 CSS2 属性，但它是有效的 CSS3。你能告诉你的 VS 检查 CSS3 而不是 CSS2 吗？
（能不能，看VS的版本）

【讨论】：

【解决方案3】：

Visual Studio 可能正在针对 CSS2 架构进行验证，并且 overflow-x 是一个 CSS3 属性。（见http://msdn.microsoft.com/en-us/library/ms530826.aspx）

你有一些选择：

更改 VS 以针对 CSS3 进行验证。我相信从 VS 工具页面下载可以启用此功能。（编辑：链接可以在这里找到：CSS 3.0 in Visual Studio 2010）
忽略红色下划线。您可以使用该属性，VS 只是告诉您它对 CSS2 无效。请注意，任何不支持 CSS3 的浏览器也会忽略该属性。
使用供应商特定的属性，例如 -ms-overflow-x，如 MSDN 文章中所述。我只会将此选项用作最后的手段，因为您必须在您想要支持的所有不同浏览器中测试每个选项。

【讨论】：