区分-----js读取css中的高宽

两个盒子样式

#box1{
	width:200px;
	height:200px;
	background-color: red;
	padding:10px;
	border:2px solid green;
	overflow: auto;		/*滚动条占17px*/
}
#box2{
	width:600px;
	height: 300px;
	background-color: rgb(78, 183, 134);
}

clientHeight、clientWidth：
可以相当于padding box可视区域（背景颜色覆盖的地方）
包括width、height、padding内边的，并减去滚轮宽高；不包括margin、border等外边的
offsetHeight、offsetWidth：
包括width、height、padding之外，还有border外边的
box1.clientWidth=203;（width+padding-scoll(17)）
box1.offsetWidth=224;（width+padding+border）

但是document.documentElement.clientWidth并不是可视区域，而是视口的大小

对于滚动条：
当满足scrollHeight-scrollTop==clientHeight时，滚动条到底了