clientWidth和clientHeight、clientLeft和clientTop、scrollWidth和scrollHeight的区别

来源：互联网发布：ubuntu防火墙在哪里编辑：程序博客网时间：2024/05/28 01:36

clientWidth和clientHeight类似offsetWidth和offsetHeight，不同的是不包含边框大下，只包含内容和内边距。类似i、code这些内联元素，clientWidth和clientHeight都返回0。

clientLeft和clientTop属性没什么用：他们返回元素的内边距的外边缘和他的边框外边缘之间的水平距离和垂直距离，通常这些值就等于左边和上面的边框宽度。当有滚动条是就有了滚动条的宽度。对于内联元素，clientLeft和clientTop总是0；

scrollWidth和scrollHeight是元素的内容区域加上它的内边距再加上任何溢出内容的尺寸。scrollWidth、scrollHeight>=clientWidth、clientHeight。
最后scrollWidth和scrollHeight指定元素滚动条的位置。

从网络上找来一副图，便于理解。

offset、client、scroll
图片来自网络

1 0