HTMLElement.offsetParent（offsetLeft和offsetTop参照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特性的父结点上

拓展 ：

offsetWidth,offsetHeight     ==>     border-box

　　clientWidth,clientHeight      ==>    padding-box

　　

注意：

　　window.onload = function(){

　　　　//根标签的clientWidth（document.documentElement.clientWidth）并不是可视区域的宽度，而是视口的宽度
                var w = document.documentElement.clientWidth;
                var w2 = document.documentElement.offsetWidth;
                console.log(w,w2);
            }

　　在IE10及IE10以下 ， 根标签的 clientWidth 和 offsetWidth 统一被指定为视口的宽度。