position 的值有以下幾種：

1.static：元素的位置不受 top、bottom、left、right 屬性影響。

2.relative：相對定位，元素相對于其 parents 元素的位置發生變化。

3.absolute：絕對定位，元素脫離文檔流，相對于瀏覽器窗口進行定位。

4.fixed：固定定位，元素相對于瀏覽器窗口不會隨著滾動條的移動而改變位置。

靜態定位：static 默認值不脫離文檔流，top，right，bottom，left 等屬性不生效

絕對定位：absolute絕對定位的關鍵是找對參照物：找到最近的一級帶有帶定位的父級元素進行位置移動如果找不到，那么相對于瀏覽器窗口進行定位

注：設置了 position:absolute;屬性后，元素會脫離正常文檔流，不在占據空間；左右 margin為 auto 將會失效；我們通過 left、top、bottom、right 來決定元素位置。

相對定位：relative 參照物：元素偏移前位置

注：設置了相對定位，左右 margin 為 auto 仍然有效、并且不會脫離文檔流。

固定定位：fixed 參照物：瀏覽器窗口；

注：固定定位會脫離文檔流；

當絕對定位和固定定位參照物都是瀏覽器窗口時的區別： 當出現滾動條時，固定定位的元素不會跟隨滾動條滾動，絕對定位會跟隨滾動條滾動。