css - 關于offsetLeft和offsetTop
問題描述
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;}清除默認樣式。
相關文章:
1. docker綁定了nginx端口 外部訪問不到2. dockerfile - 為什么docker容器啟動不了?3. git - webstorm窗口中左側列表的文件名顏色怎么修改4. javascript - 深夜被問題困擾求解惑,rn的API之PermissionsAndroidd的問題5. javascript - 最近用echarts做統計圖時遇到兩個問題!!6. android權限被第三方安全軟件禁止,如何獲取該權限狀態7. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?8. mysql - 我的myeclipse一直連顯示數據庫連接失敗,不知道為什么9. tp 6.0 數據查詢,求教!10. mysqld無法關閉

網公網安備