offsetTop、offsetLeft 算法

在元素 A 上调用 offsetTop 属性时，必须按以下算法返回结果值：

1. 如果元素 A 是 HTML 的 body 元素，其 display 属性计算值是 none，或者不具有 CSS 布局盒子，则返回 0，并停止本算法。
2. 如果元素 A 的 offsetParent 是 null 或者是 HTML 的 body 元素，以 CSS 像素为单位返回元素 A 上边框距画布原点的垂直距离，并停止本算法。
3. 以 CSS 像素为单位返回元素 A 上边框距其 offsetParent 上边框的距离。

在元素 A 上调用 offsetLeft 属性时，必须按以下算法返回结果值：

1. 如果元素 A 是 HTML 的 body 元素，其 display 属性计算值是 none，或者不具有 CSS 布局盒子，则返回 0，并停止本算法。
2. 如果元素 A 的 offsetParent 是 null 或者是 HTML 的 body 元素，以 CSS 像素为单位返回元素 A 左边框距画布原点的水平距离，并停止本算法。
3. 以 CSS 像素为单位返回元素 A 左边框距其 offsetParent 左边框的距离。

阅读全文>>