1、文檔流不同
elative 不脫離文檔流，absolute 脫離文檔流。
2、分級不同
elative?參考自身靜態位置通過 top(上),bottom（下）,left（左）,right（右） 定位，並且可以通過z-index進行層次分級。
absolute通過 top,bottom,left,right 定位。選取其最近的父級定位元素，當父級 position 為 static 時，absolute元素將以body坐標原點進行定位，可以通過z-index進行層次分級。
3、定位不同
absolute是絕對定位，絕對定位就是相對於父元素的定位，不受父元素內其他子元素的影響；而relative是相對定位，相對定位是相對於同級元素的定位，也就是上壹個同級元素。
擴展資料
由於廣告的濫用，使得壹些瀏覽器軟件都開始有了廣告內容攔截，使得壹些很好的效果現在都不推薦使用了。比如讓壹個元素可能隨著網頁的滾動而不斷改變自己的位置。
而現在我可以通過CSS中的壹個定位屬性來實現這樣的壹個效果，這個元素屬性就是曾經不被支持的position:fixed。
含義：固定定位。這個固定與絕對定位很像，唯壹不同的是絕對定位是被固定在網頁中的某壹個位置，而固定定位則是固定在瀏覽器的視框位置。
雖然原來的瀏覽器並不支持過個屬性，但是瀏覽器的發展使得現在的高級瀏覽器都可以正確的解析這個CSS屬性。並且通過CSS HACK來讓IE6都可以實現這樣的效果（目前無法使IE5.x）實現這種效果。
CSS元素絕對定位、相對定位 布局和浮動等
1、position:static|無定位
position:static是所有元素定位的默認值, 壹般不用註明，除非有需要取消繼承的別的定位
example:
#div-1 {
position:static;
}
2、 position:relative|相對定位
使用position:relative，就需要top,bottom,left,right4個屬性來配合，確定元素的位置。
如果要讓div-1層向下移動20px,左移40px:
example:
#div-1 {
position:relative;
top:20px;
left:40px;
}
如果用到相對定位，緊隨他的層divafter是不會出現在div-1的下方，而是和div-1在同壹個高度出現。
可見， position:relative;並不是很好用。
百度百科-CSS定位