CSS 绝对定位中，div 异常定位的解决方案是什么？

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

css 绝对定位中，div 异常定位的解决方案是什么？

css 绝对定位疑难排查

在指定了 absolute 定位之后，div 却没有按照预期中的那样定位在父元素内部，而是默认按照浏览器窗口进行定位。这种情况该如何处理呢？

实际上，官方文档已经明确指出，只有当父元素设置了 absolute 或 relative 定位时，absolute 定位才会相对于父元素。然而，在你的代码中，父元素并没有设置任何定位属性。

因此，问题的根源在于代码中的 html 结构。如果某个块不想相对于其当前父元素进行定位，最正确的做法是将其放置在更合适的父元素下。

举个例子，如果一段代码的结构如下：

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

随便看看