问答详情
源自:13-9 Relative与Absolute组合使用

相对于其最接近的一个具有定位属性的父包含块进行绝对定位。

想问一下这句话 相对于其最接近的一个具有定位属性父包含块进行绝对定位。这个父包含块是必须也得设置position,使父元素漂浮,子元素才能根据父元素定位嘛?如果给父元素只设置一个宽度高度边框,其子元素无法根据父元素定位吗?比如<div1><div2><div2><div1>我只给div1设置了一个边框,让其div2来根据div1框内做移动

提问者:慕运维0036432 2018-06-01 23:27

个回答

  • 如梦亦晨
    2018-06-02 10:48:43
    已采纳

    必须得设置position,否则定位元素会自动寻找其最接近的一个具有定位属性的父包含快进行绝对定位,如果找不到就会以body为参照定位元素。

    例如本体的例子的答案,如果去掉box3的position,box4就会贴到最底边上去,因为以body为参照。

    #box3{

        width:200px;

        height:200px;

      /*  position:relative; */      

    }

    #box4{

        width:99%;

      position:absolute;

    bottom:0px;

    }