*{ padding: 0; margin: 0; } li{ list-style-type: none; margin-top: 40px; } body{ margin: 20px; } .wrap{ border: 3px solid #f00; width: 600px; height: 200px; position: relative; overflow: hidden; } .wrap ul{ overflow: hidden; position:absolute; width: 1600px; left: 0; top: 0; _height:1px; } .wrap ul li{ float: left; width: 200px; }
图片的宽度可以在css里面设置。点击左右按钮可以左右控制滚动方向