HTMLElement.offsetParent

IE7以上（不是火狐）：

　　父级没有定位：

　　　　本身没有定位：

　　　　　　==> offsetParent:body

　　　　本身定位为：absolute/relative:

　　　　　　==> offsetParent:body

　　父级有定位:

　　　　本身没有定位:

　　 　　　　==> offsetParent:定位父级

　　　　本身定位为：absolute/relative:

　　　　　 　==> offsetParent:定位父级

　　　　本身定位为: fixed

　　　　　　==> offsetParent: null

火狐

　　父级没有定位：

　　　　本身没有定位:

　　　　　　==> offsetParent:body

　　　　本身定位为: absolute/relative:

　　　　　　==> offsetParent:body

　　　　本身定位为:fixed

　　　　　　==> offsetParent:body

　　父级有定位：

　　　　本身没有定位:

　　　　　　==> offsetParent:定位父级

　　　　本身定位为: absolute/relative:

　　　　　　==> offsetParent:定位父级

　　　　本身定位为:fixed

　　　　　　==> offsetParent:body

IE7以下：

　　父级没有定位：

　　　　本身没有定位：

　　　　　　==>offsetParent:body

　　　　本身定位为absolute/relative

　　　　　　==>offsetParent:body

　　　　本身定位为fixd

　　　　　　==>offsetParent:null

　　　父级有定位：

　　　　本身没有定位：

　　　　　　==>offsetParent:定位父级

　　　　本身定位为absolute/relative

　　　　　　==>offsetParent:定位父级

　　　　本身定位为fixd

　　　　　　==>offsetParent:null

总结:

　　offsetParent(如果body和html直接的margin被清掉)

　　本身定位为fixed：

　　　　==> offsetParent: null( IE7以上（不是火狐） )

　　本身定位不为fixed：

　　　　==> offsetParent:定位父级

haslayout

　　IE7以下，如果当前元素的某个父级触发了haslayout，

　　　　那么offsetParent就会指向到这个layout特性的父结点上

HTMLElement.offsetParent

原文：https://www.cnblogs.com/xiaohaodeboke/p/12323957.html