css - 關(guān)于offsetLeft和offsetTop
問題描述
offsetLeft不是當(dāng)前元素的左外邊框到包含元素的左內(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 返回的是相對(duì)于 offsetParent 元素的距離，而 offsetParent 指的是一個(gè)元素最近的父級(jí)定位元素，如果沒有定位元素就是文檔根節(jié)點(diǎn)。
你現(xiàn)在輸出的值加上 body 本身有 8px 的 margin，其實(shí)是沒錯(cuò)的。你可以加個(gè) body { margin:0 } 或者給父級(jí)元素加上定位，輸出就是你期望的數(shù)了。
回答2：默認(rèn)有8px的margin。使用*{margin:0;}清除默認(rèn)樣式。
相關(guān)文章：
1. python - linux怎么在每天的凌晨2點(diǎn)執(zhí)行一次這個(gè)log.py文件2. 關(guān)于mysql聯(lián)合查詢一對(duì)多的顯示結(jié)果問題3. 實(shí)現(xiàn)bing搜索工具urlAPI提交4. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)5. 數(shù)據(jù)庫 - Mysql的存儲(chǔ)過程真的是個(gè)坑！求助下面的存儲(chǔ)過程哪里錯(cuò)啦，實(shí)在是找不到哪里的問題了。6. windows誤人子弟啊7. mysql優(yōu)化 - MySQL如何為配置表建立索引？8. 如何用筆記本上的apache做微信開發(fā)的服務(wù)器9. 我在網(wǎng)址中輸入localhost/abc.php顯示的是not found是為什么呢？10. 冒昧問一下，我這php代碼哪里出錯(cuò)了？？？
網(wǎng)公網(wǎng)安備