*{ margin: 0; padding:0; border: 0;list-style: none; } .box{ width: 600px; height: 300px; margin: 0 auto; margin-top:20px; overflow: hidden; position: relative; top: 0; left: 0; } .nei{ width: 10000px; height: 300px; position: absolute; top: 0; left: 0; } .nei li{ float: left; width:600px; height:300px; color:#fff; font-family:"微软雅黑"; font-size:40px; text-align:center; line-height:300px; } .qingchu{ clear: both; } .jiao{ width: 160px; height: 20px; position: absolute; left: 50%; bottom: 20px; margin-left: -80px; } .jiao li{ width: 20px; height: 20px; background-color: green; float: left; margin-left: 10px; margin-right: 10px; border-radius: 50%; cursor: pointer; } .left{ width: 50px; height: 100px; background-color: rgba(0,0,0,0.3); position: absolute; bottom: 50%; left: 20px; margin-bottom:-50px; color: #fff; font-weight: 500; font-size: 80px; line-height: 100px; text-align: center; cursor: pointer; } .right{ width: 50px; height: 100px; background-color: rgba(0,0,0,0.3); position: absolute; bottom: 50%; right: 20px; margin-bottom:-50px; color: #fff; font-weight: 500; font-size: 80px; line-height: 100px; text-align: center; cursor: pointer; }