Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight属性
在Javascript拖拽系列文章中，offsetLeft、offsetTop、offsetWidth、offsetHeight四个属性都是非常重要的，它们都是关于位置定位的参数。在本文中，我们将详细介绍这四个属性的定义、用法、浏览器支持情况、注意事项等方面的内容。
一、offsetLeft属性
offsetLeft属性返回一个像素数值，它表示当前元素的左边缘到它的offsetParent属性返回的对象左边缘的偏移量。这个属性的支持浏览器包括Internet Explorer 4.0+、Mozilla 1.0+、Netscape 6.0+、Opera 7.0+、Safari 1.0+。
需要注意的是，在Internet Explorer中的实现存在Bug，无论当前元素的offsetParent属性取值如何，它总是以Body元素为参照物来计算offsetLeft。幸运的是，这个Bug在Intern Explorer 8 Beta 1中已经修复。仍然需要注意，IE会从Body元素的Left-Border为标准开始计算OffsetLeft，而其他的浏览器将从Left-Margin开始计算。
二、offsetTop属性
offsetTop属性返回一个像素数值，它表示当前元素的上边缘到它的offsetParent属性返回的对象上边缘的偏移量。这个属性的支持浏览器包括Internet Explorer 4.0+、Mozilla 1.0+、Netscape 6.0+、Opera 7.0+、Safari 1.0+。
三、offsetWidth属性
offsetWidth属性返回一个像素数值，它表示当前元素的宽度。这个属性的支持浏览器包括Internet Explorer 4.0+、Mozilla 1.0+、Netscape 6.0+、Opera 7.0+、Safari 1.0+。
四、offsetHeight属性
offsetHeight属性返回一个像素数值，它表示当前元素的高度。这个属性的支持浏览器包括Internet Explorer 4.0+、Mozilla 1.0+、Netscape 6.0+、Opera 7.0+、Safari 1.0+。
在使用这些属性时，需要注意浏览器的兼容性问题，尤其是在Internet Explorer中的Bug。在实际开发中，我们需要根据具体情况选择合适的属性和方法来实现拖拽功能。
需要强调的是，在拖拽系列文章中，我们总是循序渐进，逐步深入，以便读者能够更好地理解和掌握相关知识点。
