需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<div style="overflow: scroll">hello world!</div>。
3、浏览器运行index.html页面，此时成功在html中指定的div中添加了滚动条。
1、新建一个html文件，命名为test.html。
2、在test.html文件内，使用div标签创建一个模块，用于测试。
3、在test.html文件内，给div添加一个class属性，用于设置其样式。
4、在css标签内，通过class设置div的样式，定义其宽度为200px，高度为200px，背景颜色为红色。
5、在css标签内，再使用position属性设置div为绝对定位，距离底部为0px，距离左边缘为0px。
6、在浏览器打开test.html文件，查看实现的效果。
div 加滚动条的两种方法：
一、
<div style=" overflow:scrollwidth:400pxheight:400px”></div>
记住宽和高一定要设置噢，否则不成的
不过在不超出时，会有下面的滚动条，所以不是最好的选择
二、
<div style=" overflow-y:autooverflow-x:autowidth:400pxheight:400px”></div>
记住宽和高一定要设置噢，否则不成的
这样比较好的是，在宽和高不超出时，只是一条线
三、说明
直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：
<div style="position:absoluteheight:400pxoverflow:auto">
</div>
如果要出现水平滚动条，则： overflow-x:auto
同理，垂直滚动条为： overflow-y:auto
如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative
