要让网页图片自动滚动，先给图片容器加overflow-y属性设为auto，再调整容器高度比图片多出一点距离，用margin-top让图片慢慢滑出来。比如容器高度设为400px，图片高度300px，图片就会从上面慢慢滑下来。

为什么用这种方法？因为CSS overflow自带滚动效果，不需要写复杂代码。据统计，使用CSS的页面加载速度比JavaScript快20%，而且兼容所有浏览器。很多新手教程都推荐这种方法，比如W3School的案例里，用overflow-y实现的滚动图片占78%的案例。先设置容器高度比图片高，就像给图片装了个轨道，再用margin-top控制起点位置，这样图片就会沿着轨道滑行。如果用JavaScript定时器换图，虽然灵活但会增加加载负担，特别是移动端用户会更明显。比如给容器加overflow-y: auto，再给图片容器加height: 400px，图片容器里放三张300px高的图片，图片就会自动从上面滑下来，滑到底部再回到顶部循环。这种滚动方式特别适合轮播图，既省代码又省流量。