区分视口的尺寸
可以先细看下面这张图片的一些元素的位置,浏览器相对于整个电脑桌面的宽高的区分
一、clientWidth和clientHeigh 、 clientTop和clientLeft
相对于整个浏览器的页面(除去最上面导航栏的位置)的clientWidth和clientHeigh 、 clientTop和clientLeft的位置的区分,求宽高加上padding,求上下的距离加上border的上下距离
1、clientWidth的实际宽度
clientWidth = width+左右padding
2、clientHeigh的实际高度
clientHeigh = height + 上下padding
3、clientTop的实际宽度
clientTop = boder.top(上边框的宽度)
4、clientLeft的实际宽度