使用Javascript定位DIV

Question

我有兩個div需要水平放置，取決於用戶屏幕的寬度。我已經在CSS中設置了垂直位置，我試圖用Javascript水平定位它們。

我的div：

<div id="tl"> 
    blah blah 
</div> 
<div id="bl"> 
    blah blah 
</div> 

我的CSS：

#tl { 
position: absolute; 
top: -14px; 
right: 0; 
} 
#bl { 
position: absolute; 
bottom: 1px; 
right: 0; 
} 

我的javascript：

var tl = document.getElementById('tl'); 
var bl = document.getElementById('bl'); 
var wide = parseInt(screen.width); 
var nudge = wide*.86; 
nudge = nudge+21; 
tl = tl.style; 
tl.right = (parseInt(tl.right) + nudge); 
bl = bl.style; 
bl.right = (parseInt(bl.right) + nudge); 

但是......沒有任何反應。沒有錯誤，絕對沒有我的div的動作。 我在做什麼錯？誰能幫忙？

Answer 1

jQuery讓這很容易http://jquery.com/

$("#t1").css({"right" : $("#t1").position().right+$(window).width()*0.86+21}); 

Answer 2

讓你的 '正確' 的內聯方式：

<div id="tl" style="right:0"> 
    blah blah 
</div> 
<div id="bl" style="right:0"> 
    blah blah 
</div>