Javascript CSS相对位置/正常位置问题

Javascript CSS相对位置/正常位置问题,javascript,css,dom,Javascript,Css,Dom,根据W3,相对位置值定义如下 相对-元素的位置相对于其正常位置,因此“left:20”会向元素的左侧位置添加20个像素 我知道我可以得到我相对定位的DOM对象,使用它,我可以得到相对于原点的左侧或顶部位置 我的问题是,我怎样才能得到“正常”的位置 谢谢 mj也许,我误解了你的问题,但这不就是相对偏移量的简单减法吗?“正常”位置是元素放置的位置,左:0;排名:0。通过从当前位置减去偏移量(在Chrome中测试),可以获得此位置: 例子 #容器{宽度:100px;高度:100px;边距:100px

根据W3,相对位置值定义如下

相对-元素的位置相对于其正常位置,因此“left:20”会向元素的左侧位置添加20个像素

我知道我可以得到我相对定位的DOM对象,使用它,我可以得到相对于原点的左侧或顶部位置

我的问题是,我怎样才能得到“正常”的位置

谢谢


mj

也许,我误解了你的问题,但这不就是相对偏移量的简单减法吗?

“正常”位置是元素放置的位置,左:0;排名:0。通过从当前位置减去偏移量(在Chrome中测试),可以获得此位置:


例子
#容器{宽度:100px;高度:100px;边距:100px自动;边框:1px实心红色;}
#项目{位置:相对;顶部:10px;左侧:10px;宽度:80px;高度:80px;边框:1px纯绿色;}
window.onload=函数(){
var container=document.getElementById('container');
var item=document.getElementById('item');
var computed=window.getComputedStyle(项目);
item.innerHTML='Normal:('+(item.offsetLeft-parseInt(computed.left))
+“,”+(item.offsetTop-parseInt(computed.top)+”);
};

到正常位置只需将位置值设置为:
静态

position:static

相对偏移量可能类似于左:-20顶部:100。从什么中减去它?使用JS找到位置-也许这会有帮助,是容器div需要使这项工作,或者你可以摆脱仅仅一个“项目”div?容器只是为了演示。
position:static