前段初学者遇到这样的问题，定位子绝父相，但是我加的span还是没有显示，被父盒子盖住了

有没有一种可能是你right给的太多了，把子元素移出界面外了所以你看不到 把子元素的样式试一下底下的

    .child {
      height: 100px;
      width: 100%;
      background-color: pink;
      float: left;
      position: absolute;
      top: 50px;
      right: 10%;
      margin-right: -230px;
    }

absolute 和 relative 都脱离文档流了，当时其 dom 顺序决定样式，谁在后面谁层级高。后面是 relatve 时， relatve 盖在了 absolute 的上面。

再有就是 你定位了 就不需要 float 了 你可以吧float删除掉了

原则1： fixed > absolute > relative
原则2： zIndex 越高越牛逼，不管你是谁无视身份。
原则3： 青出于蓝而胜于蓝，儿子永远比父亲强
原则4： 平台很重要。 就算你是权限最高的fixed或者你的阶段非常高，但如果你依附在relative的怀抱里，你也不能比position盖掉。因为你的平台已经输给了position了。但如果relative的zindex比position高。根据原则3，你就会成为最强王者。

参考下方

z-index试试

改变子元素的层级，添加z-index: 2

用z-index试试，z-index数字越大越靠前显示在窗口前端

你好，如果你是想让子标签显示出来的话，你可以加个z-index:100，这样就不会遮住你的spanl ,

如果没有效果可以尝试定位显示