当父级属性position是absolute,子节点也是absolute的时候,子节点是相对父级absolute的,举个例子
<div class="headManage">
<a href="javascript:;" class="guanli">
<div class="bg"></div>
<span class="index_bg">管理照片</span>
</a>
</div>
.headManage{position: relative;}
.guanli{position: absolute;top:116px;left:0;}
.guanli .bg{position: absolute;top:116px;left:0;}
.guanli .index_bg{position: absolute;top:116px;left:0;}
![父级元素position:absolute,子节点也是absolute 父级元素position:absolute,子节点也是absolute](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE3LmNuYmxvZ3MuY29tL2Jsb2cvMTIxOTUxMy8yMDE3MDgvMTIxOTUxMy0yMDE3MDgxODEwNTMxMDI4Ny0xMzA1MDEwNDQzLmpwZw%3D%3D.jpg?w=700&webp=1)
正确应该是:
<div class="headManage">
<a href="javascript:;" class="guanli">
<div class="bg"></div>
<span class="index_bg">管理照片</span>
</a>
</div>
.headManage{position: relative;}
.guanli{position: absolute;top:116px;left:0;}
.guanli .bg{position: absolute;top:0;left:0;}
.guanli .index_bg{position: absolute;top:0;left:0;}
![父级元素position:absolute,子节点也是absolute 父级元素position:absolute,子节点也是absolute](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWFnZXMyMDE3LmNuYmxvZ3MuY29tL2Jsb2cvMTIxOTUxMy8yMDE3MDgvMTIxOTUxMy0yMDE3MDgxODEwNTMxNjM4MS0xMDY1Mjg3Mzc4LmpwZw%3D%3D.jpg?w=700&webp=1)