标签的默认的定位属性是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来设置的。