CSS父子DIV绝对定位和相对定位的位置关系是怎样的

html-css012

CSS父子DIV绝对定位和相对定位的位置关系是怎样的,第1张

<div class="div1">

    <div class="div2">

        <div class="div3">

        </div>

    </div>

</div>

div2设相对定位,div3设绝对定位,则div3就根据div2定位,如果div2不设相对定位,div1设相对定位,则div3就根据div1定位,如果div1和2都不设相对定位,则div3根据body定位

<div id='div1'</div<div id='div2'</div是并列关系<div id='div1'<div id='div2'</div</div是嵌套关系在嵌套关系中,div1可以说是div2的父层,div2可以是div1的子层,这就是层父子关系当然一个层不可能只有一个嵌套关系,所以div2可以是div1的子层,同时div2可以是div3的父层(例如:<div id='div1'<div id='div2'<div id='div3'</div</div</div),这种父子关系是根据实际情况来确定的。

父容器就是用来包含目标元素的容器,相反,子元素就是在目标元素内的,父子是一个相对的概念

比如

<div>

     <p></p>

</div>

根据上面的代码p元素就是div的子元素,div就是p的父容器