定位：
1、定位方式：5種
1、文件流
2、浮動定位
3、相對定位
4、固定定位
5、絕對定位

2、定位的屬性：position
相對/固定/絕對
只要是定位一定要搭配上偏移屬性：top/bottom/left/right
以上的四個屬性用於設定定位元素的偏移的位置

3、相對定位：元素會相對於自己原來的位置偏移到某一個新位置
元素原本所佔據的空間依舊會佔據
如何設定：position: relative;
通過設定偏移屬性，實現位置的微調

使用場景：
1、用於微調元素
2、配合絕對定位，當做一個參照物

4、固定定位：將元素固定在網頁的某個位置處，不會隨著滾動條而滾動
固定定位會脫離文件流，不佔據頁面空間
如何設定：position: fixed;
通過設定偏移屬性，實現位置的定位
起點：瀏覽器的顯示區域

5、絕對定位：元素會脫離文件流，不佔據頁面空間
通過定位屬性固定元素的位置：
絕對定位的起始位置：
1、相對於【最近的】已經定位的祖先元素，那麼該祖先元素就是他的參照物
2、如果祖先元素中沒有設定定位的元素，那麼他的位置會參照 瀏覽器的顯示區域

如何設定：position: absolute;
通過設定偏移屬性，實現位置的定位

適用場合：1、下拉選單
2、模態框
3、塊級元素垂直居中

新：堆疊順序：
屬性：z-index
取值：數值，無單位，越大就越靠近我們
預設都為0，先定位的一定在下面，後定位的在上面
注意：此屬性只有定位後的元素可以使用

6、普通流的定位：靜態定位/文件定位：
position: static;

總共：position: static/relative/fixed/absolute;

特殊：如果多個元素使用了固定或絕對定位，有可能會重疊在一起
z-index: 0;修改層級