offsetleft之间的差异作了简要分析，并clientleft左
如果obj是一个HTML控件obj.offsettop指的是物体相对于布局或母坐标的offsetparent属性，指定的上侧位置的整数，单位像素。
obj.offsetleft指左边位置，整数的对象相对于布局或母坐标的offsetparent属性指定像素单元。
obj.offsetwidth指的是目标控制本身的绝对宽度，排除是不是因为溢出，显示的部分，它占据的宽度，整数像素单元。
obj.offsetheight指的是目标控制本身的绝对高度，不是一部分，不是因为溢出，显示，实际占用的高度，整数，单位像素。
我们给出一个描述的offsetparent提到。
offsetparent引用定义offsettop的object.offsettop和offsetparent offsetleft属性的容器对象是非常复杂的。不同的浏览器有不同的解释。浮动解释不同，所以我们通常只通过理解两个控件来了解控件在浏览器中的绝对位置。
以上属性在Firefox中也是有效的。
此外，我们在这里提到的是指HTML控件的属性值，而不是document.body，document.body值在不同的浏览器不同的解释（其实大部分是由于环境的差异造成的document.body解释说，并不是因为被不同的理解造成的）
我们知道，offsettop可以得到以上的HTML元素的位置或在外层，和style.top是好的。两者之间的区别是：
一、offsettop返回一个数字，和style.top返回一个字符串，一个单位除了数量：PX。
二，offsettop只读，而style.top可以读写。
三、如果顶部风格不是HTML元素中指定，然后style.top返回空字符串。
同样是真实的offsetleft和style.left之间，offsetwidth和style.width，offsetheight和style.height。
自己的
我们不反对什么自己，即可视区域的高度的内容，也就是说浏览器页面可以在这个区域的高度看，一般是在上面的状态栏区域的最后一个工具，没有内容的网页。
修正高度
IE和Opera认为offsetheight =自己+滚动+边框。
NS和FF相信offsetheight是Web内容的实际高度可小于自己。
scrollheight
IE和Opera认为scrollheight是Web内容的实际高度可小于自己。
NS和FF相信scrollheight是Web内容的高度，但最小的是自己。
简单的说
自己是该地区的高度看起来通过内容通过浏览器。
NS和FF认为offsetheight和scrollheight都是网站内容的高度，但只有当网页内容高度小于或等于自己的价值，scrollheight是自己的，而offsetheight可以小于自己。
IE和Opera认为offsetheight是视觉区自己的滚动条加border.scrollheight是对网页内容的实际高度。
同样，
clientwidth的解释，offsetwidth和scrollwidth同上，只是改变高度与宽度。
解释
以上是基于DTD HTML 4.01过渡。如果是XHTML XHTML 1过渡，那么意义就会不同。在XHTML中，这三个值都是一样的价值，所有这一切都表明内容的实际高度。大多数的浏览器支持不同的翻译的新版本是基于页面指定doctype激活
scrollTop是高价值的卷，例：
复制代码代码如下所示：
如果scrollTop设置为P，这些内容可能无法完全显示。
var p = document.getelementbyid（P）；
p.scrolltop = 10；
由于scrollTop设置为外部元素P，所以卷起的内在要素，卷起这部分scrollTop。
scrollLeft是一样的道理。
我们已经知道，offsetheight是自身的元素的宽度，和scrollheight是内部元素的绝对宽度，其中包含内部元素的隐藏的部分。在上面，P scrollheight是300，而P的offsetheight 100。
scrollwidth是一样的道理。
IE和Firefox的充分支持，在Netscape 8和Opera 7.6不支持scrollTop和scrollLeft（除document.body.scrolltop和文件体。scrollLeft）。
1.clientheight，clientwidth：
这两个属性通常显示元素内容的像素高度和宽度。在理论上，这些测量不考虑任何添加到样式表。
页面元素、边框等的页边空白。
2.clientleft，clienttop：
两个返回值是元素周围边界的厚度，如果没有指定边框或非定位元素，则其值为0。
3.scrollleft，scrollTop：
如果元素可以滚动，那么元素通过这两个属性在水平方向和垂直方向滚动多远，单位是一个像素。
对于不能滚动的元素，这些值总是0。
4.scrollheight，scrollwidth：
不管页面上有多少对象可见，它们都是完整的。
5.style.left：
包含它的矩形左边界的位置元素和偏移量
6.style.pixelleft：
返回位置元素的左边框偏移量的整数像素值。因为属性的非像素值返回一个包含单元的字符串。例如，30px。可以使用属性以像素值分隔数值。
7。风格：posletf：
返回值的左边框的位置元素偏移，无论什么相应的样式表元素指定，因为财产的非位置值返回一个字符串，包含单元，例如，1.2em。
顶，pixeltop，术后，等等。
左：是从左到右的位置，从屏幕左边缘的距离。
该clientleft返回对象的offsetleft属性值和当前窗口的左房之间的距离值
offsetleft返回对象相对于父对象的布局或坐标，即左值，父对象的左上角为坐标原点，右和下的X坐标的X轴和Y轴。
pixelleft设置或返回的对象相对于窗口的左的位置
scrollwidth是对象的实际内容的宽度，而非边缘线的宽度会随着对象的内容不同。
clientwidth是可见的物体的宽度，和滚动条的轮廓线将显示窗口的大小改变。
offsetwidth是对象的可见宽度，和包滚动条等边线变化，显示窗口的大小。
IE6.0，ff1.06 +：
clientwidth =宽+填充
自己=高度+填充
offsetwidth =宽+填料+边界
offsetheight =高度+填料+边界
IE5.0 / 5.5：
clientwidth =宽边界
自己=高度边界
offsetwidth =宽度
offsetheight =高度
（有必要提一下：在CSS的边缘属性是独立的clientwidth，offsetwidth，自己，offsetheight）。
offsetwidth：是偏宽的元素相对于父元素。等于边框+填充+宽度
Clientwidth：元素的可见宽度等于填料+宽度。
Scrollwidth：是元素的宽度，包括轧制部分。
该offsetleft位置：HTML元素相对于它自己的offsetparent元
scrollLeft：返回和设置当前水平滚动的坐标值
复制代码代码如下所示：
函数移动（）
{
var a document.getelementbyid（D）
= eval（20）
d.scrollleft + =一
}
把它保存为一个网页，运行它，点击按钮，移动滚动条。
单击div，首先弹出B相对于A的位置，然后弹出相对于窗口的相对位置。