求解答?。。。。。。?/h1>
list 為什么style 是left -600
list 為什么style 是left -600
list 為什么style 是left -600
2016-04-14
首先,要知道父元素position:relative;子元素position:absolute的時候,子元素相對父元素定位。
container寬度只能容納一張圖片的寬度。list不設(shè)置寬度限制。所以圖片在list里面一字排開。
container設(shè)定為overflow:hidden;所以只要超出container就顯示不出來,看不到了。
然后再說為什么是-600不是其他。因為這里他設(shè)置的容器內(nèi)圖片的順序為5,1,2,3,4,5,1
也就是把五張圖依次排開,然后首尾因為要循環(huán),所以首尾各加上一張,首尾相連。
一開始你要是想要顯示1.jpg。那么就得把5.jpg排到容器外部的左側(cè)。所以定位是-600。
說的比較啰嗦。希望能看明白
因為不知道
舉報
2016-05-23
因為第一張圖片在ul中是圖片5.要想顯示圖片1 ?就得把圖片5向左移動600px ? ? 你注意id="list"的div的width是4200px,而且是相對父級的定位。父級的位置不會動 。