html - 具有绝对位置父级的子 div

Question

一个 div的<p>子position:absolute元素正在排列，因此它似乎附加到absolute父 div 的左上角（下图显示了 chrome 检查器的输出）。

据我了解，孩子应该在父 div 的“流程”内，因此应该在父 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>

NB 变灰效果是由模态 divfixed旁边的另一个absolute具有较低z-index值的 div 引起的，但它既不是“模态”div 的父级也不是子级。

Answer 1

据我了解，孩子应该在父 div 的“流程”内，因此应该在父 div 的范围内。

是的，在其他条件相同的情况下，它将是.

不过，其他样式规则可能会影响其位置。