使用offsetParent

使用offsetParent<!使用offsetParent距离该子元素最近的进行过定位的父元素(position:absoluterelativefixed),如果其父元素中不存在定位则offsetParent为:body元素><!DOCTYPEhtml><htmllang=”en”><head><metacharset=”UTF-8″><metaname=”viewport”content=”width=de

大家好,欢迎来到IT知识分享网。使用offsetParent"

<!-- 使用offsetParent
距离该子元素最近的进行过定位的父元素(position:absolute relative fixed),
如果其父元素中不存在定位则offsetParent为:body元素 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .outer { 
   
            width: 300px;
            height: 300px;
            background-color: green;
            position: relative;
        }

        .inner { 
   
            width: 100px;
            height: 100px;
            background-color: orange;
            position: absolute;
        }
    </style>
    <script>
        window.onload = function () { 
   
            var oinner = document.getElementsByClassName("inner")[0];
            console.log(oinner.offsetParent);
            // <div class="outer">
            // <div class="inner"></div>
            // </div> 
        }
    </script>
</head>

<body>
    <div class="outer">
        <div class="inner"></div>
    </div>
</body>

</html>

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/14130.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信