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

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沒有設(shè)置position,其position為默認(rèn)的static,所以.son的absolute相對(duì)的就是.grandfather來進(jìn)行定位的。設(shè)置的top left等值就是相對(duì)于.grandfather來設(shè)置的。如果你得css樣式改為

1

2

3

? ?

.grandfather{position:relative;}

.father{position:relative;}

.son{position:absolute;}

? ?

則.son的absolute定位就是相對(duì)于.father來定位了,left top的值也就是相對(duì)于.father來設(shè)置的。