问答详情
源自:13-6 万事无绝对 -层模型之绝对定位

相对于其最接近的一个具有定位属性的父包含块进行绝对定位,有例子吗?

对于教程中的“相对于其最接近的一个具有定位属性的父包含块进行绝对定位”,除了body之外,如果出现了相对的,有哪些呢?

提问者:GALOHWANG 2015-02-09 13:33

个回答

  • 西地锦
    2015-02-09 13:49:04
    已采纳

    标签的默认的定位属性是static。这句话的意思是说给父容器设置了除position:static外的其他定位属性如position:relative/absolute/fixed等之后,其子元素就可以相对该父元素进行定位了。举个栗子:

    <div  class="grandfather">
      <div class="father">
        <div  class="son"></div>
      </div>
    </div>

    这段代码如果我的css是这样的话

    .grandfather{position:relative;}
    .son{position:absolute;}

    由于.father没有设置position,其position为默认的static,所以.son的absolute相对的就是.grandfather来进行定位的。设置的top left等值就是相对于.grandfather来设置的。如果你得css样式改为

    .grandfather{position:relative;}
    .father{position:relative;}
    .son{position:absolute;}

    则.son的absolute定位就是相对于.father来定位了,left top的值也就是相对于.father来设置的。


    不知道我的表达你能理解不~

  • 慕仰6222997
    2017-12-05 09:41:23

    谢谢大神解释,很清晰。。。。

  • 慕桂英0370477
    2017-07-10 11:11:27

    感谢了!顶一个