offsetParent的使用

**offsetParent
返回的是相对元素本身最近的是定位元素的祖先元素,也就是postion的值是 absolute,relative,fixed,(inherit 继承父元素也是前三者)其中


之一,如果祖先元素都不是定位元素那么返回document.body
 
PS: IE6,IE7 对offsetParent解释有个小BUG,当祖先元素都不是定位元素且本身是定位元素的时候返回document.documentElement,其他情况终返回


document.body!!
Demo:
<body>
    <div id="b" style="position:relative">
        <div id="a"></div>
    </div>
 
    <div id="d">
        <div id="c"></div>
    </div>
 
    <div id="f">
        <div id="e" style="position:relative"></div>
    </div>
</body>
 
a.offsetParent >> b
c.offsetParent >> document.body
e.offsetParent >> document.body  ( ie,6,7 >> document.documentElement )
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值