CSS绝对定位失效？为什么我的元素依然跟随父容器移动？

发布日期： 2024-10-26 阅读量： 作者： 网络

css绝对定位失效？

当元素设定为绝对定位（absolute）后，却依然跟随其父容器进行定位，令你百思不得其解？这个现象其实源于你父元素的HTML结构。

首先，检查父元素的class是否包含块级定位，如“static”或“relative”，这将导致子元素也以其为基准定位。

更重要的是，你的HTML结构可能存在问题。如果要断开元素与当前父元素的定位关联，最优做法是将其移至适当的父元素下。

示例代码：

问题代码：

<div>
    <div>
        <div>定位异常块</div>
    </div>
</div>

随便看看