2011-05-28 93 views
2

我想定位一些相對絕對的東西,例如將其從文檔流中取出並調整其位置幾個像素。什麼是一個乾淨的方式來做到這一點?相對絕對定位?

回答

5

只需使用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

2

您可以將相對定位的物品放在絕對定位的容器中,並使用頂部,左側,右側或底部將其移動到任何需要的位置。

+0

呀,容器是什麼,我試圖避免。如果沒有其他選擇,那也沒關係。謝謝。 – Ryan 2011-05-28 01:53:35

-1

只有我能想到這樣做的方式是讓元素在文檔中風格的頁面加載,然後找到自己的位置,並改變了風格position:absolute,設定編程基於它的原始位置top:left:性能。

+0

絕對不能涉及JavaScript。或VBScript ;-) – Ryan 2011-05-28 01:53:56

0

這是你需要做的一個例子:

<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>