嘿，我来帮你把这个问题掰明白！你对父元素设position: relative时，绝对定位子元素以它为基准的理解是对的，但忽略了一个关键细节——未设置top/left等偏移属性的绝对定位元素，初始位置是它在文档流中原本该待的地方，而你的.ason元素又刚好影响了这个“原本该待的地方”。

咱们拆解一下核心逻辑：

• .ason设置了position: relative，这个属性的特点是：元素仍然会占据文档流中的位置，哪怕你用top/left偏移它，它原来的位置也不会被其他元素抢占。
• .divson是position: absolute，它会脱离文档流，但如果没给它指定top/left/right/bottom，它就会停在自己“原本在文档流中应该出现的位置”，这个位置是由HTML元素的顺序和文档流布局决定的。

举个实际场景对比就清楚了：

原HTML顺序 #

<div class="father">
  <div class="divson"></div>
  <a class="ason"></a>
</div>

这时候在文档流里，divson先出现，ason跟在它后面。当divson变成绝对定位脱离文档流后，ason会占据divson原来的位置，但divson的初始定位点还是它原本在文档流的位置（也就是ason现在占的位置的前一个位置）。

调整后的HTML顺序 #

<div class="father">
  <a class="ason"></a>
  <div class="divson"></div>
</div>

这次ason先在文档流里占据了位置，divson原本的文档流位置是在ason的后面。当divson设为绝对定位后，它的初始定位点就变成了ason后面的位置，自然看起来就“移动”了。

如果你想让divson不管HTML顺序怎么变，都固定在father的某个位置，比如左上角，只要给它加上明确的定位属性就行：

.divson {
  position: absolute;
  top: 0;
  left: 0;
}

这样它就会严格以father的左上角为基准定位，再也不受文档流顺序的影响啦。

内容的提问来源于stack exchange，提问作者Telergoel