<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>offsetleft</title>
<style>
div {
width: 100px;
height: 100px;
background: grey;
position: absolute
}
body {
position: relative;
}
</style>
</head>
<body>
<div id="div01"></div>
</body>
</html>
<script>
var div01 = document.getElementById("div01");
console.log(div01.offsetParent)
console.log(div01.offsetLeft)
//使用的是360浏览器
</script>
在有 body{position:relative;}
的情况下:div01.offsetLeft
输出为0,在没有body{position:relative;}
的情况下,div01.offsetLeft
输出为8,他们div01.offsetParent
输出都是body,多出的 8px
是什么原因导致的呢?(估计是body的margin:8px)但是 offsetParent
是到父级的内边框的距离额
相关分类