2、给dom元素设置相应的宽度，可以用style中的width。
3、再给dom元素设置overflow属性，水平滚动条就是overflow-x:scroll。这样当元素中的内容超出设置的宽度时就会出现滚动条。
示例：
<div style="overflow-x:scrollwidth:200pxwhite-space:nowrap">当内容超出设定的宽度时自动出现横向滚动条</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文件，查看实现的效果。
