4-2<i>标签的定位
来源:4-2 导航菜单样式
qq_涟_0
2017-08-01 13:06:07




为啥说在menu-item没有 position:relative;之前<i>元素是以menu-content为定位祖先元素吗?menu-content的position属性不是absolute吗?,<i>元素不是应该以main为定位祖先元素吗?
2回答
你贴个代码上来,我不是很清楚你说的是什么?
你的意思是menu-item 和menu-content是兄弟元素,main是他们共同的祖先元素吗?
绝对定位的参照可以是祖先元素的相对定位和绝对定位
qq_涟_0
提问者
2017-09-01

section.father{
width: 100px;
border:#000 1px solid;
height:100px;
background:#ccc;
position:relative; //即使这句注释掉,son-son也会根据son定位
}
div.son{
width: 50px;
border:#000 1px solid;
height:50px;
background:#fff;
position:absolute;
left:10px;
top:10px;
}
.son-son{
width:20px;
border:#000 1px solid;
height:20px;
background:#ccc;
position:absolute;
left:10px;
top:10px;
}
*{
margin:0;
padding:0;
}
<section class="father">
<div class="son">
<div class="son-son"></div>
</div>
</section>相似问题