1回答

好帮手慕鹤

2020-11-10

同学你好，在这个例子中，ul里面包含六张图，如下：

然后通过给最外层的父元素设置overflow：hidden；第二张图到第五张图给裁剪掉了，显示的就只有第一张图，如下：

例如点击右侧的按钮，就需要让第二张图片显示出来，因为ul设置的相对定位，使用了相对定位改变位置的话，需要结合left来改变，第一张图片的left值为0,那么想让第二张图片显示出现，第一张图就需要向左移动650px（一张图的大小是650px），所以当ul的left值改为-650px时，第二张图显示，参考下图：

页面效果：

ul的left改为-1300px时，第三张图显示：

祝学习愉快！

1

higorous阿炎

h 谢谢，明白了。

h020-11-13

共1条回复