我想浮动一个元素，使其保持在其右侧和底部的元素之上。这很容易实现将元素移动到主体，然后使用 position: absolute 和 top left javascript 将其定位在相对元素旁边。
我不能使用这种方法，因为项目需要留在其父项中，因为父项可以随时更改（分页场景）。
有没有办法让物品留在原来的容器里让它漂浮？
我尝试使用 position: relative; 但如果我需要它，它就行不通
更多信息：标记看起来像这样，伪代码
<parent>
<sibling></sibling>
<my-float-element></my-float-element>
</parent>
<parent-sibling></parent-sibling>
以及显示所需结果的图像
- 蓝色：父母
- 紫色：父兄弟姐妹
- 青色：兄弟姐妹
- 红色：我想浮动的元素
编辑：有人更改了标签，我可以在某种程度上使用 javascript 来解决这个问题