1、相對定位 position: relative 特點: 不脫標,占用自己原來位置 顯示模式特點保持不變 設置邊偏移則相對自己原來位置移動 拓展:很少單獨使用相對定位,一般是與其他定位方式配合使用 參考自身原位置 2、絕對定位 position: absolute 使用場景:子級絕對定位,父級相對 ...
1、相對定位 position: relative
特點: 不脫標,占用自己原來位置
顯示模式特點保持不變
設置邊偏移則相對自己原來位置移動
拓展:很少單獨使用相對定位,一般是與其他定位方式配合使用
參考自身原位置
2、絕對定位 position: absolute
使用場景:子級絕對定位,父級相對定位(子絕父相)
特點: 脫標,不占位
顯示模式具備行內塊特點
設置邊偏移則相對最近的已經定位的祖先元素改變位置
如果祖先元素都未定位,則相對瀏覽器可視區改變位置
絕對定位的元素參考的是有定位元素的父元素 最近的,如果父元素沒有定位,則參考瀏覽器左上角
絕對定位,脫離標準流,飛起來,會被占用
3、區別:相對定位參考與自身原來的位置,絕對定位 參考於瀏覽器左上角
4、固定定位 position: fixed
場景:元素的位置在網頁滾動時不會改變
特點: 脫標,不占位
顯示模式具備行內塊特點
設置邊偏移相對瀏覽器視窗改變位置