.div{
    width:100%;
    height:200px;
    overflow-x:hidden;
    overflow-y:auto;
}

/*兼容IE*/
.div{
    scrollbar-face-color: #20a774;/*移动滑块颜色*/
    scrollbar-shadow-color: #20a774;/*移动滑块边框颜色*/
    scrollbar-track-color: #ccc;/*背景颜色*/
    scrollbar-arrow-color: #ddd;/*箭头颜色*/
}
.div::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #ccc;
}/* 滚动条的滑轨背景颜色 */
.div::-webkit-scrollbar
{
	width: 6px;
	background-color: #ccc;
}

.div::-webkit-scrollbar-thumb
{
	background-color: #20a774;
}/* 滑块颜色 */

当div内的内容超过200px时才会显示滚动条，下边的代码是对滚动条的优化，希望对你有帮助。

1、打开dw，新建一个html页面，进入html页面编辑。

2、在代码的body中间编写一个div层。

3、将这个新建好的html页面跟编写好的div利用快捷键“ctrl+s”另保存到知道的目录下。

4、点击dw的文件按钮，在弹出的下拉框中，选择“新建”。

5、在新建的窗口中，找到“css”这一栏，点击“css”新建一个css样式。

6、写样式用".pingmu{}"开始写，给它固定宽高，再添加背景色，让div自适应宽高，超过部分显示滚动条。

7、将这个css样式保存到同级目录下，如ceshi_html在c盘，css样式也保存在c盘。

8、保存好样式后，双击这个ceshi_html页面，用浏览器打开后看到100像素宽高的黑块。