相对绝对定位？

Question

我想相对绝对地定位某些东西，例如将其从文档流中取出并将其位置调整几个像素。有什么巧妙的方法可以做到这一点？

Answer 1

只需使用 margin 来移动绝对定位的元素。

HTML：

<p>Lorem ipsum dolar sit amet.</p>
<p class="move">Lorem ipsum dolar sit amet.</p>
<p>Lorem ipsum dolar sit amet.</p>

CSS：

p.move { color:red; position:absolute; margin:5px 0 0 5px; }

演示：jsfiddle.net /KXCkV

Answer 2

您可以将相对定位的项目放入绝对定位的容器中，并使用顶部、左侧、右侧或底部将其移动到您需要的任何位置。

Answer 3

这是您需要执行的操作的示例：

<div style="position: relative; width: 500px; height: 200px;">
    <div style="position: absolute; left: 0; top: 0;">Upper Left</div>
    <div style="position: absolute; right: 0; bottom: 0;">Lower Right</div>
</div>

Answer 4

我想到的唯一方法是在页面加载时在文档中设置元素样式，然后找到其位置并将样式更改为 position:absolute，设置 top: 和 left: 属性以编程方式基于其原始位置。