CSS中overflow:scroll怎么设置只上下滚动而不左右滚动

CSS中"overflow:scroll"默认是左右，上下都滚动。怎么设置只上下滚动而不左右滚动，下面有个不错的解决方法

CSS中"overflow:scroll"默认是左右，上下都滚动

如何设置成：当长度超出DIV长度的时候，只有上下滚动，左右无论超出多长都不滚动，也不会出现下面的滚动杆？

如果左右没有超出内容时，用overflow:auto;

如果左右有超出内容，用overflow-x: hidden;

不过IE本身也是有问题的：
在设置Frame时，有一属性是scrolling="yes/no/auto"，IE6的Mozilla都支持，但很显然地，IE的开发人员在这个地方懒了一下，他们对auto的理解很不人性化。auto的意思是自动，就是要的时候有，不要的时候没有。但如果设成auto，则在网页过长需要出竖起滚动条时，IE会自动地把水平滚动条也显示出来，哪怕网页完全不超宽。而设成yes时，IE则会一直出竖直滚动条，而不随便出水平条，这差不多是对的。所以如果要用Frame的话，还是要把这个属性设成Yes，这完全是为迁就IE。 Mozilla则在任何时候都是对的。

首先通过firebug找到对应的div

最后代码如下： <div class="sidebar-nav" style="overflow:auto;overflow-x: hidden">

CSS中overflow:scroll怎么设置只上下滚动而不左右滚动相关推荐

overflow属性html5,什么是css中overflow属性
什么是css中overflow属性发布时间:2020-07-11 16:06:42 来源:亿速云阅读:192 作者:Leah 本篇文章给大家分享的是有关什么是css中overflow属性,小编觉得 ...
html中overflow是什么标签,CSS中Overflow的属性是什么？Overflow属性详解
很多人学习css的时候,不太知道Overflow的属性是什么?怎么用Overflow的属性,下面Gxlcms为你总结一下Overflow属性和用法. 我们都知道,盒子的大小和盒子的位置都是可以用css ...
css中overflow:hidden的属性可能会导致js下拉菜单无法显示
css中overflow:hidden属性导致ExtJS中无法显示下拉滚动条 overflow属性: visible 默认.内容不会被修剪,会呈现在元素之外. hidden 内容会被修剪,但是浏览器不 ...
[css] 遇到overflow: scroll不能平滑滚动怎么解决？
[css] 遇到overflow: scroll不能平滑滚动怎么解决? ipone 上解决方法是这样的, -webkit-overflow-scrolling: touch; 个人简介我是歌谣,欢迎 ...
[css] 使用overflow: scroll时不能平滑滚动怎样解决？
[css] 使用overflow: scroll时不能平滑滚动怎样解决? scroll-behavior: smooth; 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很 ...
关于css中line-height(行高)设置无效的问题
关于css中line-height(行高)设置无效的问题我们先写下这一串代码: <!DOCTYPE html> <html lang="en"> < ...
html行高设置失效,科技常识：关于css中line-height(行高)设置无效的问题的解决方法...
今天小编跟大家讲解下有关关于css中line-height(行高)设置无效的问题的解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关关于css中line-height(行高)设置无效 ...
html行高设置失效,关于css中line-height(行高)设置无效的问题的解决方法
关于css中line-height(行高)设置无效的问题我们先写下这一串代码: Document .head{ height: 100px; text-align: center; line-hei ...
CSS中对字体进行设置
在对字体设置的时候,我们可以设置字体的字体系列,字体的样式,字体的大小,字体加粗,和字体转换.下面我们来一一的对字体的这些设置进行分析. 字体系列: 在CSS中有两种类型的字体系列: 通用的字体系列: ...

CSS中overflow:scroll怎么设置只上下滚动而不左右滚动

CSS中overflow:scroll怎么设置只上下滚动而不左右滚动相关推荐

最新文章

热门文章