手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS中overflow:scroll怎么设置只上下滚动而不左右滚动
CSS中overflow:scroll怎么设置只上下滚动而不左右滚动
摘要:CSS中"overflow:scroll"默认是左右,上下都滚动如何设置成:当长度超出DIV长度的时候,只有上下滚动,左右无论超出多长都不滚...

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怎么设置只上下滚动而不左右滚动】相关文章:

CSS给文本输入框添加背景图像

CSS里随滚动条滚动代码

div+css及其劣势引见你懂多少

给表格设置不重叠的边框(单线边框)的2种方法

CSS应用基础教程(2) 应用方式

3款漂亮的CSS3 Loading动画实例教程

CSS兼容IE6、IE7、IE8和Firefox浏览器的方法

在input中右边加上一个图标的css样式

解决跨浏览器兼容的CSS编码准则

div中内容上下居中小结教程

精品推荐
分类导航