首页 > 开发 > CSS > 正文

给DIV添加滚动条的实现代码

2024-07-11 08:33:56
字体:
来源:转载
供稿:网友

直接为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标签,在里面嵌入CSS样式表,加入overflow的属性值,这样,当div所规范的区域内的内容达到一定程序时,滚动条就派上用场。其功能大约是为了节约页面空间,就是所谓的“缩地”了。看看效果如何吧,代码在下一楼提供。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表