CSS中的position定位

position的屬性值：static,absolute,relative,fixed.    

1  static：position的默認屬性，元素出如今正常的流中（忽略top，bottom，left，right，z-index聲明）。一般設置position:static;的狀況都是取消定位的

2 relative :相對定位,這個相對指的是元素的正常位置,就是相對於你不加position:relative;的狀況進行了如何的偏移.加完這個屬性能夠經過top,left,bottom,right進行位移設置.若是沒有設置這些位移僅僅設置position:relative;那麼元素位置不會有任何變化.

注意：設置爲relative的元素,它默認佔有的空間還會繼續被該元素佔有,同時它不會影響其餘相鄰元素.    

3  absolute 是絕對定位，相對於static定位之外的第一個父元素進行定位。絕對定位元素會脫離文檔流,整個文檔會當作它不存在同樣去排版,而且它原先所佔有的空間也不會存在.

    只有在絕對定位的任何祖先元素都沒有設置position值爲relative或absolute的狀況下,它纔會比照html進行定位.

若是一個元素被絕對定位,那麼先在離本身最近的元素中看有沒有相對定位的元素,若是有則以此爲參照物.若是沒有則追溯祖先元素中有沒有相對定位的元素.

4 fixed:生成絕對定位的元素，相對於瀏覽器窗口進行定位。元素的位置經過「left，top，right，bottom」屬性進行規定