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

Sto*_*orm 9 css

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

Kim*_*sen 12

你可以尝试使用

overflow-y: scroll;
Run Code Online (Sandbox Code Playgroud)

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


运用

overflow-y: auto;
Run Code Online (Sandbox Code Playgroud)

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


Ben*_*ank 6

请尝试使用" overflow-y: scroll;".它是CSS3,但据我所知,它得到了每个现代浏览器(IE6 +,FF,Opera,Chrome/Safari/WebKit等)的支持.

对于不熟悉它们的人,快速解释各种overflow/ -x/ -y值:

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