我需要删除溢出 <DIV> 上的水平滚动条答案

【问题标题】：I need to remove the Horizontal Scrollbar on an overflown <DIV>我需要删除溢出 <DIV> 上的水平滚动条
【发布时间】：2009-09-09 17:30:25
【问题描述】：

我定义了一个标签，其 CSS 属性“溢出”设置为“滚动”。这给了我垂直和水平滚动条。我只想要垂直滚动条。我该怎么办？

【问题讨论】：

标签： css

【解决方案1】：

你可以试试

overflow-y: scroll;

这会给你一个垂直滚动条...

使用

overflow-y: auto;

只有在必要时才会显示滚动条。

【讨论】：

【解决方案2】：

尝试改用“overflow-y: scroll;”。它是 CSS3，但据我所知，所有现代浏览器（IE6+、FF、Opera、Chrome/Safari/WebKit/等）都支持它。

对各种overflow/-x/-y 值的快速解释，供不熟悉它们的人使用：

visible – 默认值。不适合的内容“溢出”框，通常出现在相邻内容的上方或下方。
hidden – 不适合的内容被“断头台”——在盒子的边缘被切断。
auto – 不适合的内容会导致出现滚动条。不一定会导致两个滚动条同时出现；如果内容水平但不垂直，则只会出现垂直滚动条。
scroll – 类似于 auto，但无论是否需要都会出现滚动条。 AFAIK，主要用于在需要将滚动条添加到动态（例如 AJAX）内容时防止居中内容“跳跃”。

【讨论】：

我见过一个浏览器不支持overflow-x、overflow-y，但是想不起来是哪个了。可能是 firefox 或 Opera 的旧版本或类似的愚蠢的东西，所以这个解决方案也是一个很好的解决方案。唯一的问题是，使用overflow-y:scroll，即使不需要垂直滚动条也会一直存在。
@Zoidberg — IIRC，FF2 和 Opera 9 都支持它，所以我也猜是旧版浏览器。从最初的问题来看，我希望“永远在线”的滚动条正是他想要的。当然，它也适用于 auto、hidden 或 visible。
@Ben Blank 是的，根据他的问题，听起来是这样。我想我的答案是不显示滚动条，如果不需要，因为我讨厌滚动条。我的问题是他为什么不接受你的回答？
@Zoidberg — 也许是想鼓励另一个低代表用户？不过，只要他有帮助，一切都很好。 :-)

【解决方案3】：

overflow:auto;

【讨论】：

【解决方案4】：

我意识到这是一个非常古老的问题，但我今天偶然发现了它。如果像我一样，您只需要 y 滚动条，并且仅在需要时才需要它，我发现这是可行的：

.myclass {
    overflow-x: hidden;
    overflow-y: auto;
}

干杯，马克

【讨论】：

【解决方案5】：

overflow-x:hidden;
overflow-y:scroll;

【讨论】：