说明
| margin | border | padding | Width(height) | scroll(滚动条) | 视口之外的内容 | |
|---|---|---|---|---|---|---|
| offsetWidth | 不包括 | 包括 | 包括 | 包括 | 包括 | 包括 |
| clientWidth | 不包括 | 不包括 | 包括 | 包括 | 不包括 | 不包括 |
| scrollWidth | 不包括 | 不包括 | 包括 | 包括 | 不包括 | 包括 |
offsetWidth：除了外边距(margin)以外，所有的宽度(高度)之和，即：offsetWidth= width + 左border + 右border + 左padding + 右padding
clientWidth：视口尺寸。只包含本身宽度(width)和内边距(padding)，即：offsetWidth= width + 左padding + 右padding
scrollWidth：只包含本身宽度(width)和内边距(padding)， 如果有滚动的溢出视口之外的内容，就加上该距离；
原文链接：https://blog.csdn.net/wgh295360998/article/details/113769584