html中加滑动条,给DIV添加滚动条的实现代码

直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：

复制代码代码如下:

如果要出现水平滚动条，则： overflow-x:auto

同理，垂直滚动条为： overflow-y:auto

如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative

例如：

测试表格内的滚动条

表格内的滚动条:	pppppppppppppppppppppppppppppppppppppppppppppppppp pppppppppppppppppppppppppppppppppppppppppppppppppp ppppppppppppppppppppppppp ppppppppppppppppppppppppp ppppppppppppppppppppppppp ppppppppppppppppppppppppp ppppppppppppppppppppppppp ppppppppppppppppppppppppp ppppppppppppppppppppppppp ppppppppppppppppppppppppp ppppppppppppppppppppppppp ppppppppppppppppppppppppp
向左 向上 向右 向下

提示：您可以先修改部分代码再运行

如果想更好的实现效果可以参考下面的代码：

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

参考核心代码：

复制代码代码如下:

滚动条相关颜色属性：

face-color：滑块颜色

hightlight-color：高亮颜色

3dlight-color：三维光线颜色

darkshadow-color：暗影颜色

shadow-color：阴影颜色

arrow-color：箭头颜色

tack-color：滑道颜色

滚动条属性：

overflow：auto为自动，yes为有，no为无

overflow-x：横向滚动条

overflow-y：纵向滚动条