絕對定位和相對定位的區別：
1、參照物不同，絕對定位的參照物是 包含塊 （已定位的父元素），相對定位的參照物是元素本身默認的位置； 2、 絕對定位 將對象從文檔流中拖離出來因此不佔據空間， 相對定位 不破壞正常的文檔流順序無論是否進行移動，元素仍然佔據原來的空間。
包含塊是絕對定位的基礎，包含塊就是為定位元素提供座標，偏移和顯示範圍的參照物，即確定絕對定位的偏移起點和百分比 長度的參考；
默認狀態下，html是一個大的包含塊，所有絕對定位的元素都是根據窗口來定自己所處的位置和百分比大小的顯示的，如果我們定義了包含元素為包含元素塊以後，對於被包含的絕對定位元素來說，就會根據最接近的具有定位功能的上級包含元素來定位自己的顯示位置。
定義元素為包含塊：給絕對定位元素的父元素添加聲明position：relative；
分享到:
