Javascript element.offsetLeft和element.getBoundingClientRect()。左差

Javascript element.offsetLeft和element.getBoundingClientRect()。左差,javascript,position,Javascript,Position,假设我们有以下html元素: let main=document.getElementById('main'); console.log(main.offsetLeft); log(main.getBoundingClientRect().left) #主{ 位置:绝对位置; 最高:50%; 左:50%; 转换:翻译(-50%,50%); 宽度:50px; 高度:50px; 边框:1px纯黑; 背景:蓝色; } 提示:transform:translate(-50%,50%)好的,我知道了。

假设我们有以下html元素:

let main=document.getElementById('main');
console.log(main.offsetLeft);
log(main.getBoundingClientRect().left)
#主{
位置:绝对位置;
最高:50%;
左:50%;
转换:翻译(-50%,50%);
宽度:50px;
高度:50px;
边框:1px纯黑;
背景:蓝色;
}


提示:
transform:translate(-50%,50%)
好的,我知道了。谢谢如果你想要的话,我会接受它。看起来OffStRead不考虑CSS转换,但我找不到一个证明。是的,我已经算出了(感谢你的提示)。我的意思是,如果您愿意,发布官方答案,我会接受,这样您就可以得到分数。@dfsq请将此作为完整答案发布!这个问题已经被浏览了271次,数百人都想了解这个问题,包括我自己:)