1、static : 預設值，沒有定位，元素出現在正常的文件流裡

偏移屬性（eg：left，top）不會生效。

2、relative：相對定位，相對於它在文件流的位置進行偏移.

在文件流中的位置仍然在，不影響其他元素的位置。

3、absolute：生成絕對定位的元素，相對於 static 定位以外的第一個父元素進行定位。

絕對定位與float浮動不能同時使用.
通常是父級定義position:relative定位，
子級定義position:absolute,並且子級使用left或right和top或bottom進行絕對定位。
 

確定定位點

• 第一種：只給元素指定了absolute，未指定left/top/right/bottom。 -此時absolute元素的左上角定位點位置就是該元素正常文件流裡的位置

• 第二種：使用者給absolute元素指定了left/right，top/bottom 讓absolute元素沒有position:static以外的父元素,會根據使用者指定位置的在body上進行定位

• 考慮到重繪和迴流的開銷，可以將動畫效果放到absolute元素中，避免瀏覽器將render tree迴流。

4、fixed： 生成絕對定位的元素，相對於瀏覽器視窗進行定位。