div元素定位的五種方法及其差別

方法一：預設定位，也就是靜态定位，不需要設定定位屬性

方法二：固定定位，相對于視口區進行定位。

position:fiexd
           

差別： 固定在視口區的某一位置， 原先位置不保留，會被後面的元素占有， 如果沒有設定定位屬性，在原來位置定位。

方法三：相對定位，相對于它自己原來的位置進行定位。

差別：有定位屬性時，原先位置保留，不會被後面的元素占有，不脫離文檔流；沒有定位屬性時，預設在目前位置。

方法四：絕對定位，相對于離它最近的定位祖先元素進行定位。

差別： 有定位祖先元素，相對于離它最近的定位祖先元素進行定位；沒有定位祖先元素，相對于視口區進行定位，定位時脫離文檔流，原先位置不保留，會被後面的元素占有，如果沒有設定定位屬性，在原來位置顯示。

方法五：粘性定位，剛開始是相對定位的效果，然後頁面滾動到合适的位置，變成固定定位。

差別：定位時不脫離文檔流，原先位置保留，不會被後面的元素占有， 沒有設定定位屬性時，預設在原先位置顯示。