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

来源:9-21 网页卷去的距离与偏移量

Fire4x

2015-02-06 21:14

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

写回答 关注

1回答

  • qwerasdfvvv
    2015-03-07 15:16:13
    已采纳

    要理解这个问题可以回去补一补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.

    有点绕口哈,慢慢看

    Ambiti... 回复Ambiti...

    额 不对 另外两种也可以

    2015-03-12 00:41:08

    共 3 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

469421 学习 · 22585 问题

查看课程

相似问题