相对绝对定位？

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:和{{1 }}属性以编程方式基于它的原始位置。