原因老師上課講了這是為了減小relative層級(jí)的影響；你的疑問(wèn)是沒(méi)錯(cuò)的，子元素top、right、bottom和left設(shè)置不得當(dāng)絕對(duì)會(huì)跑出去，因?yàn)榇藭r(shí)的relative是加在了文檔上（你可以理解為body或html里的position為relative）；但是如果你覺(jué)得這種元素超過(guò)父元素的界限范圍是一種不能忍受的后果（這種超過(guò)改動(dòng)起來(lái)僅僅重新計(jì)算一下到文檔的距離即可，雖然相比于relative-absolute計(jì)算距離麻煩了點(diǎn)）你也可以使用relative-absolute，但是你必須得承受relative-absolute帶來(lái)的層級(jí)覆蓋的麻煩，老師的pig-head例子中由于元素過(guò)少還看不出來(lái)，假如那個(gè)例子中加了許多元素在他們的父元素里，而父元素是你想要的relative，然后absolute定位pig-head，則會(huì)出現(xiàn)層級(jí)覆蓋這種嚴(yán)重影響感官的問(wèn)題出現(xiàn)，會(huì)出現(xiàn)你想看的被你不想看的元素給遮蓋或半遮半掩住了；那么我問(wèn)你：“你要選擇不加relative重新計(jì)算pig-head距離簡(jiǎn)單還是加了relative出現(xiàn)許多層疊bug一一修改簡(jiǎn)單？”；以上僅僅是個(gè)人理解如有問(wèn)題，歡迎指出