花了点时间研究了这几个容易混的属性，看看offsetLeft/offsetTop
本文假定你已经了解了DOM树结构：
不如正题:
由于body的重要性，所以成为了document的一个属性，可以document.body直接访问到。
html中body表明着我们要在浏览器客户区呈现的
推荐
原创
2008-10-25 13:54:41
10000+阅读
点赞
4评论
js的offsetWidth,offsetHeight,offsetLeft,offsetTop
转载
2016-11-13 13:10:00
107阅读
2评论
offsetWidth = width + 左右padding + 左右boderoffsetHeight = height + 上下padding + 上下boderclientWidth = w
原创
2022-12-21 10:11:28
46阅读
我想在做很多网页特效的时候，你都想要准确地得到某个element的body的相对位置。但奇葩的IE可不是这么想的，得到的offsetParent往往不是body，所以囧吧！！！
但是，在这个人才辈出的年代，总是有人会想出很nice的方法去解决这个问题。
IE对offsetTop和offsetLeft的理解方式让人费解，往往指相对于父亲container的x和y。所以，IE里面要得到准确的bod
原创
2013-01-21 22:24:34
2882阅读
offsetX：鼠标指针距离当前绑定元素左侧距离，他并不是相对于带有定位的父盒子的x，y坐标， 记住了，很多博客都解释错了 offsetLeft,offsetTop 相对于最近的祖先定位元素。
原创
2022-07-22 14:48:06
70阅读
offsetX：鼠标指针距离当前绑定元素左侧距离，他并不是相对于带有定位的父
原创
2023-03-24 20:02:33
94阅读
offsetLeft,Left,clientLeft
原创
2013-06-26 17:39:37
362阅读
简单说下:offsetTopoffsetTop: 为只读属性。 返回的是一个数字。它返回当前元素相对于其 offsetParent 元素的顶部内边距的距离。它等价于offsetTop==>元素到offsetParent顶部内边距的距离offsetTop并不是指距离浏览器窗口最左边的位置。我的理解：offsetTop的偏移是指当前元素相对其距离自己最近的具有定位属性的父级元素的偏移值。marg
原创
2022-10-23 00:50:49
217阅读
offsetTop、offsetLeft 算法
作者：vkvi 来源：千一网络（原创） 时间：2009-1-12
重庆最好的软件开发企业，大概8点20分发。
offsetParent 算法
offsetTop、offsetLeft 算法
offsetWidth、offsetHeight 算法
以下部分内容翻译自 W3C 的 C
转载
精选
2013-04-26 17:07:01
642阅读
一、js的特效1、offset含义：offset的含义是偏移量，使用offset的相关属性可以动态地获取该元素的位置、大小等。 offsetLeft：相对于父元素左边框的偏移量 offsetTop：相对于父元素上边框的偏移量
转载
2023-11-25 12:12:55
88阅读
假设 obj 为某个 HTML 控件obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素。obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置，整型，单位像素。obj.offsetWidth 指 obj 控件自身的绝对宽度，不包括因 overflow 而未显示的
转载
精选
2013-05-10 13:45:21
230阅读
假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素。obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置，整型，单位像素。obj.offsetWidth 指 obj 控件自身的绝对宽度，不包括因 overflow 而未显示的部分，也就是其实际占据的宽度，整型，单位像素。obj.offsetHeight 指 obj 控件自身的绝对高度，不包括因 overflow 而未显示的部分，也就是其实际占据的高度，整型，单位像素。我
转载
2013-10-16 22:58:00
47阅读
2评论
scrollHeight: 获取对象的滚动高度，对象的实际高度；scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取当前对象到其上级层左边的距离.offsetTop:获取当前对象到其上级层顶部的距离.event.clientX 相对文档的水平座标event.clientY 相对文档的垂直座标event.offsetX 相对容
转载
2012-04-20 16:57:00
133阅读
2评论
假设 obj 为某个 HTML 控件。 obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上側位置，整型，单位像素。 obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左側位置。整型，单位像
转载
2018-02-10 20:00:00
35阅读
2评论
前言:如果需要动态计算标签的距离时，我们时常会用到这两个属性offsetLeft和offsetTop，我的使用场景是，我有一个背景的div1，另一个div2并不在div1内，但是我需要让div2在div1的又下角，如果我使用margin-left或margin-top,在不同分辨率之间切换时都会有改变，所以这时候就用到啦这两个属性。正文：先粘贴两段代码，你们粘到自己编辑器里试试效果，F...
原创
2021-07-13 16:40:57
10000+阅读
如果 obj 为某个 HTML 控件。
obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上側位置，整型，单位像素。
obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左側位置，整型，单位像素。
obj.offsetWidth 指 obj 控件自身的绝对宽度。不包含因 o
转载
2017-06-19 11:01:00
152阅读
2评论
假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素。obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置，整型，单位像素。obj.offsetWidth 指 obj 控件自身的绝对宽度，不包括因 overflow 而未显示的部分，也就是其实际占据的宽度，整型，单位像素。obj.offsetHeight 指 obj 控件自身的绝对高度，不包括因 overflow 而未显示的部分，也就是其实际占据的高度，整型，单位像素。我
转载
2012-04-27 10:04:00
55阅读
2评论
假设 obj 为某个 HTML 控件 obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置
转载
2022-09-05 17:06:19
172阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ ma
原创
2021-11-16 16:11:21
122阅读
最近因为工作需要，仔细研究了一下关于JS下offsetLeft，style.left，以及jquery中的offset().left，css("left")的区别。
JS下的offsetLeft和style.left，以及jquery的css("left")，对定位的理解相似，如果父元素中有定位元素，都是相对于上一个定位元素（position不为static）定位。
值得一提的是如果没有已经定位的
转载
2021-06-30 16:09:00
160阅读
2评论
