1、在html编辑器软件内，新建html页面，（一般我们常使用的两款编辑器是HBuilder和Adobe Dreamweaver，这里我使用的软件是HBuilder）。
2、在<body></body>添加<div class="nav"></div>,于<div class="nav"></div>中间添加<ul></ul>,在<ul>内添加<li>标签，<li>内同时添加<a>标签，方便连接导航跳转。
3、在新建的<a></a>内，添加横向导航要显示的内容。
4、在<title></title>下方添加一个<style type="text/css"></style>。
5、源文件html保存后，使用浏览器打开预览效果。
banner a.btn_prev:hover { background-position:-200px -350px}设置的是banner上向左的按钮在鼠标经过时的背景图像的位置
-200px是x轴的坐标，-350px是y轴的坐标
你要修改的图片的大小，应该是修改.banner_pic ul li里的width:630px
这个参数修改好以后再适当修改
.banner_pic 里的width和height
.banner_pic ul 里的height
应该就能达到目的
设置 overflow 属性：
div{
width:150px
height:150px
overflow:auto
}
overflow属性如下:
auto：当此div子元素宽和高大于该div的宽和高时，则会出现对应方向上的滚动条。
scroll：不管子元素的宽和高，都出现滚动条，但当子元素宽和高小于父元素时，滚动条不能拖动。
推荐使用auto属性，如果只想让水平方向出现滚动条，则使用overflow-x:auto
