关于offsetLeft，offsetTop,offsetWidth，offsetHeight的介绍

最近被宽高，偏移搞得很头大，找出时间专门对这几个进行分类和总结：
offsetLeft:
HTMLElement.offsetLeft 是一个只读属性，返回值是 当前元素左上角相对于 HTMLElement.offsetParent 节点的左边界偏移的像素值。
对于块级元素来说offsetTop、offsetLeft、offsetWidth 及 offsetHeight描述了相对于父节点元素的边界框。
对于行内元素(span)来说，offsetTop 和 offsetLeft 描述的是第一个边界框的位置，而offsetWidth 和 offsetHeight 描述的是边界框的尺寸。
offsetTop
HTMLElement.offsetTop 为只读属性，它返回当前元素相对于其 offsetParent 元素的顶部的距离。
offsetWidth
是一个只读属性，返回一个元素的布局宽度。
offsetWidth:包含元素的边框(border)、水平线上的内边距(padding)、竖直方向滚动条(scrollbar)（如果存在的话）、以及CSS设置的宽度(width)的值.—
注意：这个属性将会 round(四舍五入)为一个整数。如果你想要一个fractional(小数)值,请使用element.getBoundingClientRect().。

offsetHeight
HTMLElement.offsetHeight 是一个只读属性，它返回该元素的像素高度，高度包含该元素的垂直内边距和边框，且是一个整数。
通常，元素的offsetHeight是一种元素CSS高度的衡量标准，包括元素的边框、内边距和元素的水平滚动条（如果存在且渲染的话），不包含:before或:after等伪类元素的高度。
注意：
1浮动元素的向下延伸内容高度是被忽略的。
2这个属性值会被四舍五入为整数值，如果你需要一个浮点数值，请用 element.getBoundingClientRect().

山野乔治—想做一个由情怀的程序猿。