標簽的默認的定位屬性是static。這句話的意思是說給父容器設置了除position:static外的其他定位屬性如position:relative/absolute/fixed等之后，其子元素就可以相對該父元素進行定位了。舉個栗子：

1

2

3

4

5

? ?

<div??class="grandfather">

??<div?class="father">

????<div??class="son"></div>

??</div>

</div>

? ?

這段代碼如果我的css是這樣的話

1

2

? ?

.grandfather{position:relative;}

.son{position:absolute;}

? ?

由于.father沒有設置position,其position為默認的static,所以.son的absolute相對的就是.grandfather來進行定位的。設置的top left等值就是相對于.grandfather來設置的。如果你得css樣式改為

1

2

3

? ?

.grandfather{position:relative;}

.father{position:relative;}

.son{position:absolute;}

? ?

則.son的absolute定位就是相對于.father來定位了,left top的值也就是相對于.father來設置的。