web絕對定位和相對定位的區別

相對定位和絕對定位是定位的兩種表現形式，區別如下：

一、主體不同

1、相對定位：是設置為相對定位的元素框會偏移某個距離。

2、絕對定位：absolute 脱離文檔流，通過 top，bottom，left，right 定位。

二、特點不同

1、相對定位：在使用相對定位時，無論是否進行移動，元素仍然佔據原來的空間。因此，移動元素會導致它覆蓋其它框。

2、絕對定位：選取其最近的父級定位元素，當父級 position 為 static 時，absolute元素將以body座標原點進行定位，可以通過z-index進行層次分級。

相對定位：該元素相對於自己原有位置，偏移一定距離。相對的是自己。

絕對定位：該元素相對於其父元素，偏移一定距離。相對的是父元素，重點是這個父元素也需要是設置了position屬性。從最近的父元素開始找，直到找到body位置為止。