css position之absolute定位详解

我的目的是：你看完之后不再迷惑

定位问题：当我们对某区块position:absolute;时,若该区块的父辈元素没有使用position:relative,则该元素的top、bottom、left、right属性都是相对浏览器的位置进行定位,反之则对该元素的父辈位置进行定位，position:absolute是相对它的第一个非静态定位的祖先元素而展示，如：

<div style="position:relative;">
<div style="position:absolute;top:0px;margin-right:10px;"><img src="<!--{:Core_Extend::avatar(1,'small')}-->" class="thumbnail" width="32px" height="32px"/>
</div>
<div style="position:relative;padding-left:50px;">admin:'+data.homefreshcomment_content+'<br/>2012-20-22</div>
</div>
<div class="clear"></div>