这三个属性都属于 document
scrollHeight: 就是container内部的总高度
这里内部元素就是large_block，large_block所撑开的高度(2000 + 40（上下padding） + 40（上下margin）) = 2080px，然后加上自身container上下各10px的padding,因此一共是2100px
clientHeight: 就是container内部可见高度 + 自身padding。
内部可见高度为600 - 17(滚动条高度)
padding为上下各10，因此一共是600 - 17 + 20 = 603
offsetHeight: 也是container自己本身的可见高度 + 自身padding + 自身border + 滚动条
与clientHeight不同的就是要加上自身border以及滚动条的高度，因此是603 + 20 + 17 = 640
注意1：innerHeight属于window属性，浏览器视窗的大小(不包括顶部的菜单栏)。无论是否出现滚动条，这两个值都是不变的。当调整浏览器大小时，这两个值会变。window.outerWidth是和outerHeight是什么呢，这两个就是包含菜单栏的，
注意2：outerWidth，包含菜单栏。在chrome里按F12打开调试窗口，放在右侧，就可以发现。
[图片上传失败...(image-16367d-1584351520870)]
