页面如何自动出现滚动条(overflow属性用法)

1、今天在调试程序时犯了一个低级错误,就是有关页面内容出现滚动条的用法：

(1)刚开始在Body用了Overflow：hidden这个属性溢出元素时，隐藏，这种情况下是不会自动出现滚动条的

（2）然后加了overflow：scroll;该属性虽然也显示滚动条，但是该滚动条只有元素溢出时滚动条才会滚动

（3）而当元素的高度小于滚动条的高度时，滚动条只有一道边不滚动，这种滚动不好。

（4）还有一种方法就是直接设成overflow:auto; 用这种方法只有当内容溢出时，才会出现滚动条。

法1：Overflow:Hidden；Overflow-y:scroll; 这种方法需要设高度，不建议采用这种方法,该属性虽然也显示滚动条，但是该滚动条只有元素溢出时滚动条才会滚动,而当元素的高度小于滚动条的高度时，滚动条只有一道边不滚动，这种滚动不好。

法2：overflow:auto;

需要注意的是：法2不用设高度，当内容溢出时，会自动出现滚动条；

页面如何自动出现滚动条(overflow属性用法)相关推荐

html自动缩放不出现滚动条,HTML页面缩小后显示滚动条的示例代码
这里记录一下如何使得HTML页面缩小之后,底部出现滚动条,使得可以通过滚动滚动条来浏览由于界面缩小而被掩盖的地方. 说一下这样做的好处. 首先,一般界面缩小之后不出现滚动条,用户就不能访问被隐藏的地方 ...
php滚动条代码,CSS_给DIV添加滚动条的实现代码，直接为div指定overflow属性为auto - phpStudy...
给DIV添加滚动条的实现代码直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下: 复制代码代码如下: 如果要出现水平滚动条,则: overflow-x:auto 同理 ...
html自动隐藏滚动条,隐藏HTML页面上的滚动条
是的,有点.. 当你问到"浏览器的滚动条是否能以某种方式被移除,而不是简单地隐藏或伪装"时,每个人都会说"不可能",因为这样做是不可能的.移除所有浏览器的滚动条 ...
CSS的overflow属性：显示隐藏滚动显示自动显示继承
overflow 属性规定当内容溢出元素框时发生的事情
vue的div滚动条自动到底部_vue 每次渲染完页面后div的滚动条保持在最底部的方法...
下面我就为大家分享一篇vue 每次渲染完页面后p的滚动条保持在最底部的方法,具有很好的参考价值,希望对大家有所帮助. 实例如下: //每次页面渲染完之后滚动条在最底部updated:function( ...
html5自动出现滚动条,关于HTML中的滚动条/去掉滚动条问题本
html 怎么去掉网页的滚动条 body里面加 body{ overflow:scroll; overflow-x:hidden; } 这个是y轴有滚动条,x轴没有.如果是都要滚动条就去掉overfl ...
CSS 处理溢出 overflow属性
在CSS中,如果设置了一个盒子的宽度与高度,则盒子中的内容就可能超过盒子本身的宽度或高度.此时,可以使用 overflow 属性来控制内容溢出时的处理方式. overflow属性的可选值有 visib ...
css overflow属性及使用方法（场景）
overflow这个属性还是挺实用的比如,一个div展示文字,想让超出部分隐藏就可以使用overflow:hidden,想让显示的画就用overflow:scroll; 1.overflow的属性值 ...
关于CSS中position属性和overflow属性的使用小结
关于CSS中position属性和overflow属性的使用小结 position属性用于设置某个元素的位置类型.取值类型可以有:static.relative.absolute.fixed.inh ...

页面如何自动出现滚动条(overflow属性用法)

页面如何自动出现滚动条(overflow属性用法)相关推荐

最新文章

热门文章