Question

我想浮动一个元素，使其保持在其右侧和底部的元素上方。这很容易实现将元素移动到body，然后使用position：absolute和left left javascript将它放在相对元素旁边。

我无法使用此方法，因为项目需要保留在其父项中，因为父项可以随时更改（分页方案）。

有没有让物品留在原来的容器里让它漂浮？

我尝试使用position：relative;但是，如果我需要它，它将不起作用

更多信息：标记看起来像这样，pseduo代码

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

显示所需结果的图像 enter image description here

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

Answer 1

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

Answer 2

看看这个