1、相對定位 – relative

使用相對定位的盒子，會相對它原來應該在的位置進行偏移，偏移到指定的位置；
使用相對定位的盒子仍然在標準流中，它對父盒子和兄弟盒子沒有任何的影響。

2、絕對定位 – absolute

使用絕對定位的盒子以它的“最近”的一個“已經定位”的“祖先元素”為基準進行偏移。如果沒有已經定位的祖先元素，那么會以瀏覽器窗口為基準進行定位；
絕對定位的框從標準流中脫離，這意味著它們對其后的兄弟盒子的定位沒有影響，其他的盒子就好像這個盒子不存在一樣。

3、靜態定位 – static
默認值，基本不需要關注

4、固定定位 – fixed
它和絕對定位類似，只是以瀏覽器窗口為基準進行定位，也就是當拖動瀏覽器窗口的滾動條時，依然保持對象位置不變