css绝对定位问题求助!

Question

为什么div设置了absolute，但是却按照父元素进行定位的，我查了资料说是父元素得是absolute或者relative的时候才会按照父元素进行定位呀，可是我的父元素没有设置绝对和相对定位啊。

Answer 1

你贴的这部分看不出什么东西来，也许class中包含了块定位了呢。其实这个并不重要，而是你的html节点的结构问题。如果你这个块不想基于当前父级决定定位，最正确的做法是放到适当的父级之下。

你的代码等效结构

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

建议结构

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

可能你会说是当前组件内定义的块，我没办法放到父级去，那么应该是两种可能：

1. 纯浮动框本身应该是独立组件，需要修改组件声明
2. 这个浮动框是position: fixed定位的，而不是absolute

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 2

MDN的文档：

绝对定位元素相对于最近的非 static 祖先元素定位。当这样的祖先元素不存在时，则相对于ICB（inital container block, 初始包含块）。

https://developer.mozilla.org...

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。