<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <!-- 网页文档三要素 --> <meta name="Keywords" content=""> <meta name="description" content=""> <title>无缝滚动</title> <style> * { margin: 0; padding: 0; } #banner { height: 350px; width: 1120px; background-color: blue; overflow: hidden; margin: 0 auto; position: relative;/*相对定位,参考物*/ } #banner ul.img { width: 8960px; margin-left: 0px; } #banner ul.img li { height: 350px; width: 1120px; list-style: none; float: left; } #banner ul.nav { position: absolute; bottom: 10px;/*距离参考物下边的距离*/ width: 140px; left: 490px;/*距离参考物左端的距离*/ } #banner ul.nav