如何使元素具有相对位置和绝对位置？

Question

所以我有一个带有子元素的父元素，子元素是这样的子元素的父元素：

<div class="father">

    <div class="child">
        
        <div class="child-of-child"></div>


    </div>
    
</div>

和这样的 CSS：

.father{
    position: relative;
}

.child{
    position: absolute;
}

.child-of-child{
    position: absolute;
}

但我希望名为 child 的 div 像现在一样对父亲来说是 position: absolute;，而且我也希望它对名为 position: relative; 的 div 是 child-of-child将 child-of-child 移入 child

Answer 1

如果 .child 处于绝对定位，则任何 .child-of-child 都可以相对于 .child 绝对定位。这意味着 .child 不需要被赋予 position:relative 以便 .child-of-child 相对于它绝对定位。

您可以自信地使用您的 CSS。