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怎么设置只上下滚动而不左右滚动到此结束。当你能飞的时候就不好放下飞。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
元素浮动之后文字会环绕而不是重合原因示例解答

css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例