为了账号安全,请及时绑定邮箱和手机立即绑定

求解答!!!!!!!

list 为什么style 是left -600

正在回答

3 回答

因为第一张图片在ul中是图片5.要想显示图片1  就得把图片5向左移动600px     你注意id="list"的div的width是4200px,而且是相对父级的定位。父级的位置不会动 。

0 回复 有任何疑惑可以回复我~

首先,要知道父元素position:relative;子元素position:absolute的时候,子元素相对父元素定位。

container宽度只能容纳一张图片的宽度。list不设置宽度限制。所以图片在list里面一字排开。

container设定为overflow:hidden;所以只要超出container就显示不出来,看不到了。

然后再说为什么是-600不是其他。因为这里他设置的容器内图片的顺序为5,1,2,3,4,5,1

也就是把五张图依次排开,然后首尾因为要循环,所以首尾各加上一张,首尾相连。

一开始你要是想要显示1.jpg。那么就得把5.jpg排到容器外部的左侧。所以定位是-600。

说的比较啰嗦。希望能看明白

0 回复 有任何疑惑可以回复我~

因为不知道

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
焦点图轮播特效
  • 参与学习       65336    人
  • 解答问题       638    个

通过本教程学习您将能掌握非常实用的焦点图轮播特效的制作过程

进入课程

求解答!!!!!!!

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号