relative：是相對於自己來定位的，例如：#demo{position:relative;top:-50px;},這時#demo會在相對於它原來的位置上移50px。如果它之前的元素也為relative並有偏移，則兩個偏移不想加，relative只在它原本所在位置上進行偏移。relative 不脫 ...
relative：是相對於自己來定位的，例如：#demo{position:relative;top:-50px;},這時#demo會在相對於它原來的位置上移50px。如果它之前的元素也為relative並有偏移，則兩個偏移不想加，relative只在它原本所在位置上進行偏移。relative 不脫離文檔流，也就是說relative 的元素儘管錶面上看到它偏離了原來的位置，但它實際上在文檔流中還是沒變，所以不可層疊，依據left，right，top，bottom等屬性在正常文檔流中偏移位置。
absolute：使用left，right，top，bottom等屬性，相對於position樣式值為relative最近祖先元素為參照.如果沒有則以瀏覽器左上角(或者BODY元素)為參照。absolute的元素不僅位置改變了，同時也脫離了文檔流。 其層疊通過z-index屬性定義。
