Question

我有两个div需要根据用户屏幕的宽度水平放置。我在CSS中设置了它们的垂直位置，我试图使用Javascript水平定位它们。

我的divs：

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

使用Javascript定位DIV

2 个答案: