CSS中position使用的個人總結
position屬性有：
static
relative
absolute
fixed
偏移屬性有：
top，left，bottom，right， z-index（不屬於偏移屬性）
position屬性：
static
static是靜態定位，對象遵循標準文檔流，這個屬性是默認的，不可以應用偏移量屬性（top，left，bottom，right）。
relative
relative是相對定位，對象遵循標準文檔流，在文檔流中佔位置，並且參照自己在標準文檔流中的位置，通過top，left，bottom，right定位偏移屬性來進行位置偏移時，是不會影響文檔流中的其他元素。
absolute
absolute是絕對定位，對象脫離標準文檔流，不佔文檔流的位置，此時的偏移屬性參照的是離自身最近的定位的祖先元素，若無，則一直追溯到body元素。盒子使用偏移屬性進行位置偏移時不影響標準文檔流中的其他元素，其margin不與其他元素的margin重疊。
fixed
fixed是固定定位，對象脫離標準文檔流，但是偏移定位是以窗口爲參考，有滾動條出現時，不隨滾動條移動。
說下z-index：
z-index
z-index是設置元素的堆疊順序，所有元素都有z-index屬性，具有權值比較，默認權值是0，哪個元素的權值越大，哪個元素就被堆疊到上面。
補充：
relative和absolute是一般是一起搭配使用的，一般父元素設置relative屬性，子元素設置absolute屬性，子元素參考父元素偏移。