div绝对坐标

Question

此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【dou_ye】截止到2008-07-04 10:21:49的历史汇总数据(不包括此帖)：
发帖的总数量:52                       发帖的总分数:1470                     
结贴的总数量:48                       结贴的总分数:1450                     
无满意结贴数:4                        无满意结贴分:80                       
未结的帖子数:4                        未结的总分数:20                       
结贴的百分比:92.31 %               结分的百分比:98.64 %                  
无满意结贴率:8.33  %               无满意结分率:5.52  %                  
值得尊敬

Answer 1

div2.offsetTop = div1.offsetTop + x;   //x为DIV2相对于DIV1的高度; 单位px
div2.offsetLeft = div1.offsetLeft + y; //y为DIV2相对于DIV1的左边偏移量; 单位px
另外设置下 div2的 position:absolute

Answer 2

sorry,写错.
div2.style.top = div1.offsetTop + x;  //x为DIV2相对于DIV1的高度; 单位px 
div2.style.left = div1.offsetLeft + y; //y为DIV2相对于DIV1的左边偏移量; 单位px 
另外设置下 div2的 position:absolute

Answer 3

<div id=d1 style="position:relative;"> <div id=d2 style="position:absolute; left:10px; top:10px;"> </div> </div>
定义d1为相对定位。
d2为相对于父容器的绝对定位。
如上。d2永远会在d1的左10px和上10px位置。

Answer 4

如果我的d2是通过js设置绝对坐标定位的，这样做也能实现一直跟随d1的效果吗？

Answer 5

是的。下面是测试代码。
<script type="text/javascript">
function a(){
var a=document.getElementById("d2");
a.style.top="50px";
}
window.onload=a;
</script><div id=d1 style="position:relative; border:1px solid #CCCCCC; height:400px; width:300px;"> <div id=d2 style="position:absolute; left:10px; top:10px; border:1px solid #0066FF; width:200px; height:100px;"> </div> </div>
js改变了d2的top为50px。很明显他是距离d1上边缘50px。

Answer 6

<div id=d1 style="position:relative;"><div id=d2 style="position:absolute; left:10px; top:10px;"> </div></div>
定义d1为相对定位。
d2为相对于父容器的绝对定位。这个是正解！

Answer 7

有没有再详细一点  写在style里的 可以定位坐标的属性