jquery - float 元素而不将其移动到主体

Question

我想 float 一个元素，使其保持在其右侧和底部的元素之上。这很容易实现，将元素移动到正文，然后使用 position: absolute 和 top left javascript 将其定位在 relative 元素旁边。

我不能使用这种方法，因为元素需要保留在其父级中，因为父级可以随时更改(分页场景)。

有没有办法让元素留在原来的容器里，让它漂浮起来？

我尝试使用 position: relative;但它不会工作，我需要它

更多信息:标记看起来像这样，伪代码

<parent>
       <sibling></sibling>
       <my-float-element></my-float-element>
</parent>
<parent-sibling></parent-sibling>

以及显示所需结果的图像

• 蓝色: parent
• 紫色: parent sibling
• 青色: sibling
• 红色:我想要 float 的元素

编辑:有人更改了标签，我可以在某种程度上使用 javascript 来解决这个问题

Answer 1

让父级有 position: relative 并继续使用绝对定位。这会将子元素的位置范围限定在父元素的左上角，而不是 body 元素。