CSS的position屬性：relative和absolute

標籤：上進   通過   top   osi   移位   依據   otto   demo   改變   

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屬性定義。

CSS的position屬性：relative和absolute