绝对定位的div为什么按照父元素定位?

绝对定位的div为什么按照父元素定位?

定位问题求助:绝对定位按父元素定位

你遇到的问题是,设置了绝对定位的 div 却按照父元素进行定位。解决办法是:

首先,确保父元素没有设置绝对或相对定位。如果确定父元素没有进行定位,则需要检查 HTML 节点的结构。

如果要定位的块不想基于当前父级决定定位,将其放到适当的父级之下是最正确的做法。

例如,你的 HTML 结构如下:

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

建议改为:

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

另外,还有两种可能性:

  • 该块是纯浮动框,应该声明为独立组件。
  • 该块使用固定定位(position: fixed),不是绝对定位

以上就是绝对定位的div为什么按照父元素定位?的详细内容,更多请关注其它相关文章!