木子兮
2016-04-14 14:35
list 为什么style 是left -600
因为第一张图片在ul中是图片5.要想显示图片1 就得把图片5向左移动600px 你注意id="list"的div的width是4200px,而且是相对父级的定位。父级的位置不会动 。
首先,要知道父元素position:relative;子元素position:absolute的时候,子元素相对父元素定位。
container宽度只能容纳一张图片的宽度。list不设置宽度限制。所以图片在list里面一字排开。
container设定为overflow:hidden;所以只要超出container就显示不出来,看不到了。
然后再说为什么是-600不是其他。因为这里他设置的容器内图片的顺序为5,1,2,3,4,5,1
也就是把五张图依次排开,然后首尾因为要循环,所以首尾各加上一张,首尾相连。
一开始你要是想要显示1.jpg。那么就得把5.jpg排到容器外部的左侧。所以定位是-600。
说的比较啰嗦。希望能看明白
因为不知道
焦点图轮播特效
65327 学习 · 637 问题
相似问题