注释1：上图整个大背景是这个网页的全部尺寸，中间的小框才是浏览器中的可见尺寸。这幅图就是针对为文档（document）的各个height、width、top、left所做的说明。
注释2：第二幅图主要是针对网页中一个div的各个属性值所做的说明。“DIV element client area”是这个div元素的可见区域，“scroll area”是这个div内容原始尺寸，但是由于div的css所设置的高度宽度容不下它的内容，所以出现滚动条。
下面还有张更混乱的，在网上流传比较广：
2019-11-03技术教程下载本文clientWidth,html技巧,offsetWidth,scrollLeft,scrollTop,scrollWidth
注释1：上图整个大背景是这个网页的全部尺寸，中间的小框才是浏览器中的可见尺寸。这幅图就是针对为文档（document）的各个height、width、top、left所做的说明。
注释2：第二幅图主要是针对网页中一个div的各个属性值所做的说明。“DIV element client area”是这个div元素的可见区域，“scroll area”是这个div内容原始尺寸，但是由于div的css所设置的高度宽度容不下它的内容，所以出现滚动条。
下面还有张更混乱的，在网上流传比较广：
《offsetWidth、clientWidth、scrollWidth、scrollTop、scrollLeft等属性图示.doc》
下载本文的Word格式文档，以方便收藏与打印。
这篇文章主要介绍js中offsetWidth怎么用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！ js中的offsetWidth用法 offsetWidth//返回盒模型的宽度（包括width+左右padding+左右bo...
2023-05-20编程教程js,offsetWidth
小编这次要给大家分享的是浅谈JavaScript中scrollTop、scrollHeight、offsetTop、offsetHeight，文章内容丰富，感兴趣的小伙伴可以来了解一下，希望大家阅读完这篇文章之后能够有所收获。 clientHeight，只读 cli...
2023-05-15编程教程javascript,scrollheight,scrollTopjs中clientwidth, scrollwidth, innerwidth, outerwidth,offsetwidth的属性汇总，测试浏览器：ie7~ie11、chrome 和 firefox等。 一、测试1：无滚动条时，dom对象的offsetwidth、clientwidth和scrollwidth...
2022-10-14技术教程clientWidth,js,scrollWidth,区别,属性
