relative: 相對定位，相對於自己本身在正常文檔流中的位置進行定位 相對它原來的位置，在走100px。原來在標准流中的位置繼續占有。
absolute: 生成絕對定位，相對於最近一級定位不為static的父元素進行定位。（子決父相）。
fixed: （老版本IE不支持）生成絕對定位，相對於瀏覽器窗口或者frame進行定位 跟父元素沒關系。不隨着滾動條的滾動而移動。固定在瀏覽器可視窗口的位置。
static: 默認值，沒有定位，元素出現在正常的文檔流中。相當none 沒有定位的意思。沒有邊偏移我們幾乎不用。
position: sticky; 基於用戶的滾動位置來定位。
粘性定位的元素是依賴於用戶的滾動，在 position:relative 與 position:fixed 定位之間切換。
它的行為就像 position:relative; 而當頁面滾動超出目標區域時，它的表現就像 position:fixed;，它會固定在目標位置。