一、定位流：
相對定位 position: relative：
相對於以前的標準流位置進行移動
不脫離標準流，還是會佔用一份空間，區分塊級及行級空間
left、right、top、bottom.多個方向會矛盾
使用場景，微調元素，配合絕對定位使用
絕對定位position:absolute ：
脫離標準流，相對於body來定位
不區分行內和塊級元素
沒有祖先元素情況下使用body作爲參考，如果有祖先元素，且也是定位流，那麼就會以離祖先最近的祖先元素作爲定位。
注意它並不是以整個網頁，而是以首屏作爲參考點
絕對定位會忽略祖先元素的padding
固定定位position:fix:
脫離標準流，不區分行內塊級/塊級/行內
不隨內容滾動而滾動
靜態定位
默認就是靜態定位
二、子絕父相
用子元素用絕對定位，父元素用相對定位實現特殊元素的定位（例如價格標籤）
三、相對定位的水平居中
position:50%
設置margin left ：寬度一半
四、z-index 屬性
每個都有z-index屬性，用於控制層次屬性
默認情況下，定位流會蓋住標準流，後寫的定位流會蓋住前面的定位流
用於控制定位流中的覆蓋關係
z-index值越大在上邊
從父現象：
如果兩個元素的父元素沒有設置z-index屬性，則誰的z-index屬性大誰在上面。
如果兩個元素的父元素設置了z-index屬性，那麼子元素的z-index屬性會失效，誰的父元素的z-index屬性大誰顯示在上面