<!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 是到父级的内边框的距离额
添加回答
举报
0/150
提交
取消