css的position屬性absolute和relative比較

**absolute定位:**脫離原來的位置定位。是相對於最近的有定位的父級進行定位;如果沒有有定位的父級元素,就相對於文檔定位;
**relative定位:**保留原來的位置進行定位,相對於自己原來(出生的)位置進行定位;
什麼時候用relative?什麼時候用absolute?
如果想定位就要找好參照物;
absolute定位:脫離原來的位置定位。是相對於最近的有定位的父級進行定位;如果沒有有定位的父級元素,就相對於文檔進行定位;
reletive定位:保留原來的位置進行定位,相對於原來(出生的)位置進行定位;
我們一般用relative作爲參照物(不用relative進行定位),用absolute進行定位,給一個元素只設置一個relative,不設置left、right、top、bottom、看起來這個元素沒有什麼用,但是它保留了原來的位置,就對後續元素沒有什麼影響,absolute可以任意調整自己的參照物,更加靈活,所以定位想讓誰成爲基地,就給誰加relative定位,並不設置方向。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章