標籤：
offsetLeft:元素的邊框的外邊緣距離與已定位的父容器（offsetparent）的左邊距離（不包括元素的邊框和父容器的邊框）。
position().left:使用position().left方法時事實上是把該元素當絕對位置來處理，擷取的是該元素相當於最近的一個擁有絕對或者相對定位的父元素的位移位置。
附上調試代碼：
1 <style> 2 *{margin:0;padding:0;} 3 #parent{ position: relative; padding: 10px; margin:30px; background-color:#CCC; border: solid 10px #fbc;} 4 #child{ height: 200px; width: 200px; padding: 10px; margin: 30px;border: solid 10px #fbc;background-color:#afb;} 5 </style> 6 <body> 7 <div id="parent"> 8 <div id="child"> 9 </div>10 </div>11 <script src="jquery_1.11.3.min.js"></script>12 <script>13 14 var child = $("#child").get(0)15 console.log( child.offsetLeft);16 console.log( $("#child").position().left);17 </script>
註：此文為原創，如需轉載請註明出處。
js和jq中常見的各種位置距離之offsetLeft和position().left的區別（四）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
