使用css做轮播效果为什么最后一张图片显示不出来
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title> <style> #container { width: 400px; height: 300px; overflow: hid尀den;} #photo { width: 1200px; animation: switch 5s ease-out infinite;} #photo > img { float: left; width: 400px; height: 300px;} @keyframes switch { 0%, 25% { margin-left: 0; } 35%, 60% { margin-left: -400px; } 70%, 100% { margin-left: -800px; }}</style></head><body> <div id="container"> <div id="photo"> <img src="file:///C:/Users/ASUS/Desktop/%E5%B0%8F%E7%B1%B3%E5%AE%98%E7%BD%91/imgrs/%E7%94%B5%E8%A7%86.jpg"> <img src="file:///C:/Users/ASUS/Desktop/%E5%B0%8F%E7%B1%B3%E5%AE%98%E7%BD%91/imgrs/%E5%B9%B4%E8%B4%A7%E8%8A%82.jpg"/> <img src="file:///C:/Users/ASUS/Desktop/%E5%B0%8F%E7%B1%B3%E5%AE%98%E7%BD%91/imgrs/%E6%89%8B%E6%9C%BA.jpg" /> </div> </div></body></html>.
