文章詳情頁
css - 關于offsetLeft和offsetTop
瀏覽：225日期：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. IOS app應用軟件的id號怎么查詢？比如百度貼吧的app-id=4779278132. javascript - node.js中stat() access() open() readFile()都能判斷文件是否存在？3. .gitignore 如何僅忽略根目錄下的index.html4. python 中如何自動安裝第三方庫？5. css - 為什么我沒見到一個瀏覽器支持多重偽元素和嵌套偽元素？6. angular.js - ASP.NET Webform 中能使用 AngularJS 嗎？7. java - 同步/異步與阻塞/非阻塞之間的差異具體是什么？8. node.js - nodeJS 寫入文件的內容怎么不是按次序的？9. node.js - nodejs中把熱request保存下來，使用JSON.stringify(req)報錯，請問怎么解決？10. css - 移動端 盒子內加overflow-y:scroll后 字體會變大
排行榜
網公網安備