課程
/前端開發
/HTML/CSS
/網頁布局基礎
為什么mainbody必須設置為relative？
2015-08-23
源自：網頁布局基礎 4-4
正在回答
因為需要以mainbody為基準點，即以mainbody所在左上點為基準來設置content的位置。
如果光設置content為絕對定位，那么會以<html>為基準點放置content，會造成content覆蓋box1的位置或者處于頁面最上部分的內容。所以應用老師所說“有已定位祖先元素，以距其最近的已定位祖先元素為偏移參照基準”，即要把content上的父結點mainbody設一個絕對定位，這樣content最會在mainbody的位置來放置。
那么mainbody只要設置絕對定位中的靜態定位與相對定位都可以說其已經是“已定位祖先元素”了。
當定位為絕對定位且有偏移量時，此種情況屬于我下圖中打勾的這類情況：
大家的普遍認識就是:?因為有absolute所以要設置relative.這種觀念是錯誤的,父級的relative完全可以不要.
可以設置成相對定位，絕對定位，固定的任意一種，但是相對定位元素處于文檔流之中，即便有偏移，偏移也是參照最初始的位置，比絕對定位穩定，所以需要一個參照基準的時候，會把父包含塊設置成相對定位。
具體可以再看看上一個視頻4-3 絕對定位。
那要看需求 ?因為下方有absolute所以要設置relative
舉報
讓你精通CSS中三大定位機制，徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-10-18
因為需要以mainbody為基準點，即以mainbody所在左上點為基準來設置content的位置。
如果光設置content為絕對定位，那么會以<html>為基準點放置content，會造成content覆蓋box1的位置或者處于頁面最上部分的內容。所以應用老師所說“有已定位祖先元素，以距其最近的已定位祖先元素為偏移參照基準”，即要把content上的父結點mainbody設一個絕對定位，這樣content最會在mainbody的位置來放置。
那么mainbody只要設置絕對定位中的靜態定位與相對定位都可以說其已經是“已定位祖先元素”了。
2015-09-21
當定位為絕對定位且有偏移量時，此種情況屬于我下圖中打勾的這類情況：
2015-08-31
大家的普遍認識就是:?因為有absolute所以要設置relative.這種觀念是錯誤的,父級的relative完全可以不要.
2015-08-27
可以設置成相對定位，絕對定位，固定的任意一種，但是相對定位元素處于文檔流之中，即便有偏移，偏移也是參照最初始的位置，比絕對定位穩定，所以需要一個參照基準的時候，會把父包含塊設置成相對定位。
具體可以再看看上一個視頻4-3 絕對定位。
2015-08-24
那要看需求 ?因為下方有absolute所以要設置relative