CSS中position:relative;的作用

position的默認值是static，（也就是說對於任意一個元素，如果沒有定義它的position屬性，那麼它的position:static） 

<span style="font-size:14px;"><div id="demo">
	<div id="sub"></div>
</div></span>

如果你想讓這個#demo裏的一個div#sub相對於#demo定位在右上角的某個地方，應該給#demo相對定位，#sub絕對定位。 

absolute是相對於自己最近的父元素來定位的，如果你不給#demo相對定位，那麼#sub的絕對定位就是相對於body來定位的。 

relative是相對於自己來定位的，例如：#demo{position:relative;top:-50px;},這時#demo會在相對於它原來的位置上移50px。 

另：relative 不脫離文檔流，absolute 脫離文檔流。也就是說：relative 的元素儘管表面上看到它偏離了原來的位置，但它實際上在文檔流中還是沒變。absolute的元素不僅位置改變了，同時也脫離了文檔流。 

原文地址：http://www.iteye.com/problems/5997/