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