CSS 的 绝对定位问题

来源：百度知道 编辑：UC知道 时间：2024/06/06 03:20:23
请问绝对定位到底是 以body为参照物还是其母元素啊？
那什么是母元素，比如下面 那个 在 字定位为绝对定位，但是我发现其还是以body为参照物而不是div 或者 p 啊
div class="box">
<p >我<strong class="dingwei1">在</strong>div内</p>
<p>我也在div内</p>
</div>

问题1，什么是母元素？
<div id="wai">
<div id="mu">
<div id="zi">
内容
</div>
</div>
</div>
#zi层的母元素就是#mu层，而不是#wai层,这点注意，是离它最近的

问题2，参照物是谁？
参照物是母元素，这是我刚刚写的代码
#fu{
position:absolute;
top:200px;
left:200px;
border:#0000CC 1px solid;
height:200px;
width:800px;
}
#zi{
position:absolute;
top:10px;
left:10px;
border:#0000CC 1px solid;
height:100px;
width:100px;
}
<body>
<div id="fu">
<div id="zi">内容</div>
</div>
</body>
看后，你自会明白