CSS位置：绝对但html顺序仍然重要

我有一个网页，其中包含与以下html等价的内容，以及相应的CSS：

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

.father     {position:relative}
.father div {position:absolute}
.father a   {position:relative}

.父亲{职位：相对}
.父分区{位置：绝对}
.父亲{位置：相对}

因为“divson”有position:absolute，所以我希望它总是相对于“father”放置（因为这个也被放置）。尽管如此，当我按如下方式重新排列html时，“divson”仍然会移动到其他位置：

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

带position:absolute的div怎么可能仍然依赖于html顺序？有什么原因是我不会想到的

谢谢

显示：flex 然后按顺序玩物品（顺序：1；顺序：2；）

如所述：

---

元素相对于其第一个定位（非静态）的祖先元素进行定位。

您尚未为divson设置left、top、bottom和right属性。如果您使用的是绝对定位，则必须设置这些以固定div位置

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

---

当没有给出

顶部

和

左侧

时，肯定会“移到别处”。是的，但是祖先的“父亲”不是静态的，它的位置也与位置有关：相对性这是重点，我需要做一些检查，但这似乎有效！我以为那些值是默认值。。谢谢！不客气，谢谢你的考虑。看看答案<代码>：）

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