时间:2016-01-22 07:29 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【给div加滚动条 div显示滚动条设置代码】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
给div加滚动条 div显示滚动条设置代码
今天做了个例子：
div 的滚动条问题：
两种方法：
一、
复制代码
代码如下:<div style=" overflow:scroll; width:400px; height:400px;”></div>
记住宽和高一定要设置噢，否则不成的
不过在不超出时，会有下面的滚动条，所以不是最好的选择
二、
复制代码
代码如下:<div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div>
记住宽和高一定要设置噢，否则不成的
这样比较好的是，在宽和高不超出时，只是一条线
三、说明
直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：
复制代码
代码如下:<div style="position:absolute; height:400px; overflow:auto">
</div>
如果要出现水平滚动条，则： overflow-x:auto
同理，垂直滚动条为： overflow-y:auto
如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative
关于给div加滚动条 div显示滚动条设置代码的相关讨论如下：
相关问题：在div中如何实现让浏览器不显示滚动条
答：是针对页面body的设置，与您的div无关，正常的做法是在不希望出现滚动条的div中加入样式style="overflow:hidden"。 如果对我们的回答存在任何疑问，欢迎继续问询。 >>详细
相关问题：怎么让div内容超出后自动显示滚动条
答：指定文档类型,给所有父对象指定高度,给三个DIV指定30%高,并设overflow:auto;如: 1 2 3 >>详细
相关问题：div加滚动条代码
答：一般说不会自动往下滚动吧，如果滚动后再刷新网页，滚动条还会停止在原来滚动的位置，刚打开应该不会吧，是不是这个让你误会了？ 实在不行加一行js让滚动条置顶，先给div一个ID，如id="divid". document.getElementById("divid").scrollTop=0; >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-