相對定位就是讓元素在原有位置上向某方向偏移，即相對于原來的位置進行定位絕對定位是讓元素脫離原始的文檔流，通過上下左右四個方向的便宜控制元素的位置，其他元素會對其＂視而不見＂

相對定位和絕對定位是定位的兩種表現形式，區別如下：

一、主體不同

1、相對定位：是設置為相對定位的元素框會偏移某個距離。

2、絕對定位：absolute?脫離文檔流，通過 top,bottom,left,right 定位。

二、特點不同

1、相對定位：在使用相對定位時，無論是否進行移動，元素仍然占據原來的空間。因此，移動元素會導致它覆蓋其它框。

2、絕對定位：選取其最近的父級定位元素，當父級?position?為 static 時，absolute元素將以body坐標原點進行定位，可以通過z-index進行層次分級。

相對定位：該元素相對于自己原有位置，偏移一定距離。相對的是自己。

絕對定位：該元素相對于其父元素，偏移一定距離。相對的是父元素，重點是這個父元素也需要是設置了position屬性。從最近的父元素開始找，直到找到body位置為止。

一、主體不同

1、相對定位：是設置為相對定位的元素框會偏移某個距離。

2、絕對定位：absolute?脫離文檔流，通過 top,bottom,left,right 定位。

二、特點不同

1、相對定位：在使用相對定位時，無論是否進行移動，元素仍然占據原來的空間。因此，移動元素會導致它覆蓋其它框。

2、絕對定位：選取其最近的父級定位元素，當父級?position?為 static 時，absolute元素將以body坐標原點進行定位，可以通過z-index進行層次分級。

三、表現方式不同

1、相對定位：對一個元素進行相對定位，它將出現在它所在的位置上?？梢酝ㄟ^設置垂直或水平位置，讓這個元素“相對于”它的起點進行移動。

2、絕對定位：文本流中的內容會頂替絕對定位元素的位置，而絕對定位元素自然的層疊于文本流之上。而在單一的絕對定位中，定位元素將會跑到網頁的左上角，因為那里是被絕對定位后的坐標原點。

絕對定位是相對于元素最近的已定位的祖先元素（即是設置了絕對定位或者相對定位的祖先元素）。如果元素沒有已定位的祖先元素，那么它的位置則是相對于最初的包含塊（body）。

絕對定位本身與文檔流無關，因此不占空間，普通文檔流中的元素的布局就當絕對定位的元素不存時一樣，所以?它們可以覆蓋頁面上其他的元素，且可以通過z-index屬性來控制這些層的對方順序。
相對定位是相對于元素在文檔中的初始位置——首先它出現在它所在的位置上（即不設置position時的位置，然后通過設置垂直或水平位置，讓這個元素“相對于”它的原始起點進行移動；

1、絕對定位

絕對定位指的是通過規定HTML元素在水平和垂直方向上的位置來固定元素，基于絕對定位的元素不會占據空間。

絕對定位的位置聲明是相對于已定位的并且包含關系最近的祖先元素。如果當前需要被定為的元素沒有已定位的祖先元素作為參考值，則相對于整個網頁。

2、相對定位

相對定位與絕對定位的區別在于它的參照點不是左上角的原點，而是該元素本身原先的起點位置。并且即使該元素偏移到了新的位置，也仍然從原始的起點處占據空間。

相對定位和絕對定位是定位的兩種表現形式，區別如下：

一、主體不同

1、相對定位：是設置為相對定位的元素框會偏移某個距離。

2、絕對定位：absolute?脫離文檔流，通過 top,bottom,left,right 定位。

二、特點不同

1、相對定位：在使用相對定位時，無論是否進行移動，元素仍然占據原來的空間。因此，移動元素會導致它覆蓋其它框。

2、絕對定位：選取其最近的父級定位元素，當父級?position?為 static 時，absolute元素將以body坐標原點進行定位，可以通過z-index進行層次分級。

三、表現方式不同

1、相對定位：對一個元素進行相對定位，它將出現在它所在的位置上?？梢酝ㄟ^設置垂直或水平位置，讓這個元素“相對于”它的起點進行移動。

2、絕對定位：文本流中的內容會頂替絕對定位元素的位置，而絕對定位元素自然的層疊于文本流之上。而在單一的絕對定位中，定位元素將會跑到網頁的左上角，因為那里是被絕對定位后的坐標原點。

相對定位：設置為相對定位的元素框會偏移某個距離。元素仍然保持其未定位前的形狀，它原本所占的空間仍保留。

?.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框。