相對定位和絕對定位和固定定位和static

相對定位 relative

特性：

1. 相對于自己的初始位置來定位

2. 元素位置發生偏移後，它原來的位置會被保留下來

3. 層級提高，可以把标準文檔流中的元素及浮動元素蓋在下邊

使用場景：

1. 相對定位一般情況下很少自己單獨使用，都是配合絕對定位使用，為絕對定位創造定位父級而又不設定偏移量

絕對定位 absolute

特性：

1. 絕對定位是相對于它的定位父級的位置來定位的，如果沒有設定定位父級，則相對浏覽器視窗來定位

2. 元素位置發生偏移後，原來的位置不會被保留

3. 層級提高，可以把标準文檔流中的元素及浮動元素蓋在下邊

4. 設定絕對定位的元素脫離文檔流

5. absoulte是根據祖先類的border進行的定位

使用場景：

1. 一般情況下，絕對定位用在下拉菜單，焦點圖輪播，彈出數字氣泡，特别花邊等場景。

固定定位 fixed

特性：

1. 相對浏覽器視窗來定位

2. 偏移量不會随滾動條的移動和移動

使用場景：

1. 一般在網頁中被用在視窗左右兩邊的固定廣告，傳回頂部圖示 吸頂導航欄等。

static

static，無特殊定位，它是html元素預設的定位方式，即我們不設定元素的position屬性時預設的position值就是static，它遵循正常的文檔流對象，對象占用文檔空間，該定位方式下，top、right、bottom、left、z-index等屬性是無效的。