文章詳情頁
css - 關于offsetLeft和offsetTop
瀏覽：101日期：2023-01-15 09:22:10
問題描述
offsetLeft不是當前元素的左外邊框到包含元素的左內(nèi)邊框之間的像素距離嗎？為什么多出了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 指的是一個元素最近的父級定位元素，如果沒有定位元素就是文檔根節(jié)點。
你現(xiàn)在輸出的值加上 body 本身有 8px 的 margin，其實是沒錯的。你可以加個 body { margin:0 } 或者給父級元素加上定位，輸出就是你期望的數(shù)了。
回答2：默認有8px的margin。使用*{margin:0;}清除默認樣式。
標簽：
CSS
相關文章：
1. html5 - iOS的webview加載出來的H5網(wǎng)頁，怎么修改html標簽select的樣式字體？2. java-se - 正在學習Java SE，為什么感覺學習Java就是在學習一些API。3. 一個mysql聯(lián)表查詢的問題4. 運行python程序時出現(xiàn)“應用程序發(fā)生異常”的內(nèi)存錯誤？5. python - 如何使用pykafka consumer進行數(shù)據(jù)處理并保存？6. javascript - git clone 下來的項目 想在本地運行 npm run install 報錯7. 主從備份 - 跪求mysql 高可用主從方案8. python - django 里自定義的 login 方法，如何使用 login_required()9. mysql主從 - 請教下mysql 主動-被動模式的雙主配置 和 主從配置在應用上有什么區(qū)別？10. mysql - 一個表和多個表是多對多的關系，該怎么設計
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備