<!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 是到父级的内边框的距离额
汪汪一只猫
随时随地看视频慕课网APP
相关分类