css中的绝对定位覆盖问题

<div class="relative">
    <p class="absolute"></p>
</div>
<div class="relative">
    <p class="absolute"></p>
</div>

 

类似结构，如果绝对定位的p出现没按照z-index值大小进行遮盖的情况 ，那么就应该在父元素div上找问题。

 

定位也是有作用域的，好比js，谁被谁遮盖液得看父元素的z-index。