position三種屬性的區別

absolute:此屬性定義一個橫向和縱向的屬性就能夠控制佈置的文本或圖片相對於瀏覽器整個頁面的上方或者下方和左方或者右方的距離。

relative:此屬性會相對於一個正常的標題，對其進行相對位置的移動，可用left，right等對其位置進行移動，也可爲負值。

fixed:此屬性和absolute有類似之處，也是相對於瀏覽器的各類方向對其進行佈局，與之不一樣的是當頁面向下或者向右移動的時候，它相對於瀏覽器的頁面距離仍然保持不變。

static:沒有定位，元素出如今正常的流中,適用於進行正常排版，不適用於對其進行定位的操做。

sticky:當元素在容器中被滾動超過指定的偏移值時，元素在容器內固定在指定位置。若是設置了top: 50px，那麼在sticky元素到達距離相對定位的元素頂部50px的位置時固定，再也不向上移動，以後就至關於用fixed將它固定了。

摘自:https://www.cnblogs.com/orange123/p/9786541.html