<!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 是到父级的内边框的距离额
相关分类