1、相對定位 - relative
使用相對定位的盒子,會相對它原來應該在的位置進行偏移,偏移到指定的位置;
使用相對定位的盒子仍然在標准流中,它對父盒子和兄弟盒子沒有任何的影響。
2、絕對定位 - absolute
使用絕對定位的盒子以它的“最近”的一個“已經定位”的“祖先元素”為基准進行偏移。如果沒有已經定位的祖先元素,那麼會以浏覽器窗口為基准進行定位;
絕對定位的框從標准流中脫離,這意味著它們對其後的兄弟盒子的定位沒有影響,其他的盒子就好像這個盒子不存在一樣。
3、靜態定位 - static
默認值,基本不需要關注
4、固定定位 - fixed
它和絕對定位類似,只是以浏覽器窗口為基准進行定位,也就是當拖動浏覽器窗口的滾動條時,依然保持對象位置不變