为了账号安全,请及时绑定邮箱和手机立即绑定

对offsetParent还是不理解,能不能说得通俗点?

 offsetParent:布局中设置postion属性(Relative、Absolute、fixed)的父容器,从最近的父节点开始,一层层向上找,直到HTML的body。

正在回答

1 回答

要理解这个问题可以回去补一补html和css.

我来问答吧,.

学过div+css应该知道,元素的position属性有四个可选值:static(默认),relative,absolute和fixed.

一般来说,不设置position属性的值,那么元素的position就默认为static(每个值的作用就不解释了,这是css的内容),如果设置为relative或absolute或fixed,我们把这个元素称为positioned元素.


那么offsetParent, 就是向父级寻找最近的positioned元素 , 如果没有,就找到body元素;


例:

这是html:

<div class="a">

        <div class="b">

            <div class="c">

                <div class="d"></div>

            </div>

        </div>

</div>

这是样式:

.b{

            position: relative;

        }

我给class为b的div设置了position为relative , 那么class为d的div的offsetParent就是class为b的div.

有点绕口哈,慢慢看

2 回复 有任何疑惑可以回复我~
#1

Fire4x 提问者

恩,看懂了,谢谢~
2015-03-08 回复 有任何疑惑可以回复我~
#2

Ambition_zl

就是找最近的position="relative"的元素
2015-03-12 回复 有任何疑惑可以回复我~
#3

Ambition_zl 回复 Ambition_zl

额 不对 另外两种也可以
2015-03-12 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

对offsetParent还是不理解,能不能说得通俗点?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信