position屬性詳解

position屬性是定位屬性，擁有三個值
1、

position:absolute;

這個是絕對定位；脫離原來的層/位置進行定位；
仔細的來說就是：相對於最近的、有定位的、父級進行定位，如果沒有這樣的父級，就相對於整個文檔進行定位；
2、

position:relative;

這個是相對定位；保留原來的位置進行定位（原來的位置不能佔）；
仔細的來說就是：相對於原來的位置進行定位；

3、

position:fixed;

這個也是絕對定位元素，相對於瀏覽器窗口進行定位；

使用規律：
一般用relative進行定位，作爲參照物
再使用absolute相對於relative進行絕對定位