在學習CSS的過程中許多新手都在糾結于相對定位和絕對定位到底有什么區(qū)別亲桦，為了解答新手的疑惑崖蜜，希望可以幫助到大家。
相對定位：設置為相對定位的元素框會偏移某個距離客峭。元素仍然保持其未定位前的形狀豫领，它原本所占的空間仍保留。
.relative{ position: relative; background:purple; width:50px; height: 50px; left: 80px; } 這個框會出現在跟原來的位置向右80px的地方舔琅，原來的位置為空等恐，如果position: relative改成position: absolute,則這個框的原來空間會被下面的框所覆蓋。
經對定位：絕對定位使元素的位置與文檔流無關搏明，因此不占據空間鼠锈。這一點與相對定位不同，相對定位實際上被看作普通流定位模型的一部分星著，因為元素的位置相對于它在普通流中的位置购笆。
.box{ width:300px; height: 300px; margin: 0 auto; border: 1px solid orange; position: relative; } .relative{ position:absolute; background:purple; width:50px; height: 50px; left: 80px;}
box是relative的父元素，標識為relative 的框會出現在向右 80px的地方虚循，但是如果父元素box沒有定位屬性同欠，它則會相對body進行定位，位置會大變横缔，會脫離box框铺遂。
