文章详情页
css - 关于offsetLeft和offsetTop
浏览：316日期：2023-01-15 09:22:10
问题描述
offsetLeft不是当前元素的左外边框到包含元素的左内边框之间的像素距离吗？为什么多出了8px
<!DOCTYPE html><html> <head><meta charset='utf-8'><title>test2</title><style media='screen'> .cc{padding: 50px 30px; } .fc{background-color: blue;width:300px;height: 200px; }</style> </head> <body><p class='cc'> <p > </p></p> </body> <script type='text/javascript'>var fc = document.querySelector(’.fc’);console.log(fc.offsetLeft+’:’+fc.offsetTop); </script></html>
问题解答
回答1：offsetLeft 和 offsetTop 返回的是相对于 offsetParent 元素的距离，而 offsetParent 指的是一个元素最近的父级定位元素，如果没有定位元素就是文档根节点。
你现在输出的值加上 body 本身有 8px 的 margin，其实是没错的。你可以加个 body { margin:0 } 或者给父级元素加上定位，输出就是你期望的数了。
回答2：默认有8px的margin。使用*{margin:0;}清除默认样式。
标签：
CSS
相关文章：
1. javascript - swiper.js嵌套了swiper 初始设置不能向下一个滑动 结束后重新初始2. 为什么span的color非要内联样式才起作用？3. angular.js - angular-ui-bootstrap 报错无法使用？4. docker - 如何修改运行中容器的配置5. python - 如何修改twisted自带的日志输出格式?6. 请问一下各位老鸟 我一直在学习独孤九贱 现在是在tp5 今天发现 这个系列视频没有实战7. 老师，请问我打开browsersync出现这个问题怎么解决啊？8. 求救一下，用新版的phpstudy，数据库过段时间会消失是什么情况？9. html5 - H5做的手机分享页微信更新后，分享出去不再默认显示第一个图 作为缩略图10. 高并发写入和更新mysql
排行榜
网公网安备