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

css绝对定位失效？

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

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

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

示例代码：

问题代码：

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

建议结构：

<div>
    <div>要定位的块</div>
    <div></div>
</div>

其他可能原因：

• 若此块属于独立组件，需要修改组件声明以使其脱离当前容器。
• 若此块使用的是“fixed”定位，而非“absolute”，也会出现类似现象。

以上就是CSS绝对定位失效？为什么我的元素依然跟随父容器移动？的详细内容，更多请关注其它相关文章！