#slider_box ul{ padding: 0px; margin: 0px; list-style-type: none; } #slider_box { width: 500px; float: left; } #slider { width:500px; height: 300px; margin-top: 10px; position: relative; overflow: hidden; } #slider #imgs { position: absolute; top: 0; left: 0; } #slider #imgs li { float: left; z-index: 0; } #slider #indexs { position: absolute; bottom: 15px; right: 30px; } #slider #indexs li { width: 22px; height: 22px; line-height: 22px; display: inline-block; background: #3e3e3e; color: #fff; border-radius: 50%; text-align: center; cursor: pointer; margin-left: 10px; } #slider #indexs li.hover { background: #b61b1f; }