当前位置:  开发笔记 > 前端 > 正文

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

如何解决《我需要在溢出的<DIV>上删除水平滚动条》经验,为你挑选了2个好方法。

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



1> Kim Andersen..:

你可以尝试使用

overflow-y: scroll;

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


运用

overflow-y: auto;

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



2> Ben Blank..:

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

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

visible - 默认值.不适合"溢出"盒子的内容通常出现在相邻内容之上或之下.

hidden - 不适合的内容是"断头台" - 在盒子的边缘切掉.

auto - 不适合的内容会导致滚动条出现.不一定会导致两个滚动条同时出现; 如果内容水平但不垂直,则只显示垂直滚动条.

scroll- 与之类似auto,但无论是否需要,都会出现滚动条.AFAIK,主要用于在需要将滚动条添加到动态(例如AJAX)内容时防止居中内容"跳跃".

推荐阅读
TXCWB_523
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有