亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

求解答?。。。。。?!

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
提交
取消
焦點圖輪播特效
  • 參與學習       65332    人
  • 解答問題       638    個

通過本教程學習您將能掌握非常實用的焦點圖輪播特效的制作過程

進入課程

求解答?。。。。。。?/h1> 我要回答 關注問題

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號