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像素宽高的黑块。
CSS设置文字大于DIV宽度时出现滚动条，需要使用到overflow-x属性，其语法为overflow-x：visible|
auto
|
hidden
|
scroll。
当overflow-x属性值设置为
scroll时，在文本设置超出部分添加滚动条并显示。
具体设置方法如下：
#box
{
font-size:
12px
line-height:
24px
width:700px
height:
80px
padding:
10px
background:
#FFFF00
overflow-x:
scroll
}
如果要显示横线的滚动条，可以使用overflow-x:auto。auto的意思就是说，只有在div的内容的宽度大于div的宽度时，才出现滚动条。其他情况不出现。同样也可以将overflow-x设置成scroll，这样滚动条就会一直显示了。
