使用js获取的css长度和宽度

一，offsetWidth和offsetHeight

1.offsetWidth和offsetHeight是dom对象和css相关的属性，用于获取dom元素的实际宽高

2.实际宽高=(border+padding+content)，等同于使用开发者工具显示的宽高，

3.不同于css文件里的属性width和height。
css属性的width和height只有两种情况，
一种是border-box，此时width和height=（padding+content）不包含border,
一种是content-box，此时wihth和height=（content）不包含padding和border

二，clientWIdth和clientHeight

1.clientWIdth和clientHeight用于获取元素的视口宽高。