我需要在溢出的<div> </div>上删除Horizo​​ntal Scrollbar

Question

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

Answer 1

您可以尝试使用

overflow-y: scroll;

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

---

使用

overflow-y: auto;

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

Answer 2

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

对于那些不熟悉它们的人overflow / -x / -y值的快速解释：

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

Answer 3

overflow:auto;

Answer 4

我意识到这是一个非常古老的问题，但我今天偶然发现了它。如果，像我一样，你只需要y滚动条，然后只需要它，我发现它有效：

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

干杯，马克

Answer 5

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