我们需要了解几个基本概念，每个HTML元素都有以下属性元素可能分配的比用来容纳内容的框更大，所以可能会出现滚动条，内容区域就是视口。当实际内容大于视口时，需要考虑元素滚动条的位置。clientHeight和clientWidth用于描述元素的内部尺寸，指的是元素内容+内边距尺寸，不包括边框（IE下实际包含）、外边距和滚动条部分offsetHeight和offsetWidth用于描述元素外部尺寸，指的是元素内容+padding+border，不包括边距和滚动条topborderwidthsoffsetTop和offsetLeft表示元素左上角（边框的外边缘）与定位的父容器（offsetParent对象）的左上角之间的距离。offsetParent对象是指元素的最近定位（相对、绝对）祖先元素。递归追溯。如果没有定位祖先元素，它将返回null
