web前端width问题---scrollWidth,clientWidth,offsetWidth
不多说,直接上示例:
示例1:
实例2:
从以上示例能看出:
scrollWidth为对象的实际内容宽度,会随内容超出可视区而变大。
clientWidth为对象不包含边线、滚动条的可视内容区域 不会随对象大小的变化而改变。
offsetWidth为对象包含边线、滚动条的区域整体宽度,不会随对象大小的变化而改变。
不多说,直接上示例:
示例1:
实例2:
从以上示例能看出:
scrollWidth为对象的实际内容宽度,会随内容超出可视区而变大。
clientWidth为对象不包含边线、滚动条的可视内容区域 不会随对象大小的变化而改变。
offsetWidth为对象包含边线、滚动条的区域整体宽度,不会随对象大小的变化而改变。