CSS位置:绝对和位置:相对同级-我遗漏了什么吗?[duplicate]

wnavrhmk  于 2022-12-01  发布在  其他
关注(0)|答案(1)|浏览(132)

此问题在此处已有答案

Why aren't my absolutely/fixed-positioned elements located where I expect?(3个答案)
3天前关闭。
我读过的每个关于绝对位置的文件都说:“元素相对于其最近的祖先定位”
但是当我用它来处理带位置的兄弟时:相对的,在它之前,位置绝对的元素不想相对于祖先定位自己,但它考虑了相对兄弟元素在文档流中的位置。我不明白为什么会这样。绝对应该是绝对的,而不是相对于任何兄弟元素...有人能给我解释一下吗?

<div>
 <div style="position:relative;">element1</div>
 <div style="position:absolute;">element2</div>
</div>
nnsrf1az

nnsrf1az1#

绝对定位的元素会从其静态位置移动,也就是说,如果它们不是绝对定位的,它们在正常流中的位置。
但是您还没有移动它,您需要至少为它指定topbottomleftright中的一个,或者它们的相对于流的等价项inset-block-startinset-block-endinset-inline-startinset-inline-end或它们的简写。

相关问题