js设置元素坐标问题

Question

文本框1   按纽1   div1现在想点击按纽,
设置div1的left左边距 = 文本框1的left左边距
    div1的top上边距 = 文本框1的bottom下边距document.getElementById('div1').style.left=document.getElementById('txt1').style.left 怎么没效果?
谢谢各位

Answer 1

<style>
body,div{padding:0;margin:0}
</style>
<input type="text" id="t" style="float:left" />
<input type="button" id="b" value="点我" style="float:left" />
<div id="d" style="width:100px; height:100px; border:1px solid #000; float:left"></div><script type="text/javascript">document.getElementById("b").onclick=function()
{
    var t = document.getElementById("t");
    var d = document.getElementById("d")
    d.style.position="absolute";
    d.style.left = t.offsetLeft+"px";
    d.style.top = t.offsetTop + t.offsetHeight +"px"
}</script>

Answer 2

据说回帖有分得，报个到，呵呵你写的那句代码没有问题，可能的问题就是你的组件的style里面没有设置:  position：absolute；
我觉得是这一句的问题