liun_n 2021-09-15 14:54 采纳率: 100%
浏览 90
已结题

position:relative 层级问题

    <div id="parent">
        <div id="child1"></div>
        <div id="child2"></div>
    </div>
    #parent{
        width: 100px;
        height: 100px;
        padding: 10px;
        margin: 5px;
        border: 3px solid pink;
    }
    #child1{
        width: 50px;
        height: 30px;
        background-color: burlywood;
    }
    #child2{
        width: 40px;
        height: 40px;
        background-color: blue;
    }

img

现在给 child1 设置相对定位,如下图。

img


问题:position:relative 不是可以提升层级吗,为什么这里第一个元素设置相对定位后,没有覆盖第二个元素呢?
设置absolute 和 fixed是可以的。

  • 写回答

4条回答 默认 最新

  • 关注

    absolute或者fixed定位会让元素脱离文档流,元素不会占据文档流中原本的空间,才能让之后的内容来占据这个元素让出的空间,产生覆盖重叠。
    而relative 不会让元素脱离文档流,元素还是会占据文档流中原本的空间。就不会与之后的内容覆盖重叠。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 9月24日
  • 已采纳回答 9月16日
  • 创建了问题 9月15日

悬赏问题

  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!