个回答

• 初学者3254765

  2016-04-27 02:45:14

  已采纳

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

  
  

  2