具有绝对位置父级的子div

Question

<p> div的position:absolute子项正在排列，以便它显示为附加到absolute父div的左上角（下图显示了chrome检查器的输出）。

据我了解，孩子应该在父div的'flow'范围内，因此应该在父div的范围内。

CSS是：

.modal{
    position:fixed;
    width:auto;
    height:100px;
    left:50%;
    top:75%;
    z-index:52;
    background-color: #2a333c;
}

.modal p{
    position:relative;
}

HTML是：

<div class="modal">
<p>new user template</p>
</div>

注意：灰度效应是由另一个fixed div引起的，该div位于absolute模式div旁边且值z-index较低，但既不是'modal'div的父级也不是子级。

Answer 1

  

据我了解，孩子应该在父div的'flow'范围内，因此应该在父div的范围内。

是的，all else being equal, it will be。

其他风格规则可以影响其地位。