web前端width问题---scrollWidth,clientWidth,offsetWidth

web前端width问题---scrollWidth,clientWidth,offsetWidth

不多说，直接上示例：

示例1：

实例2：

从以上示例能看出：

scrollWidth为对象的实际内容宽度，会随内容超出可视区而变大。

clientWidth为对象不包含边线、滚动条的可视内容区域 不会随对象大小的变化而改变。

offsetWidth为对象包含边线、滚动条的区域整体宽度，不会随对象大小的变化而改变。