关于此属性的基本用法可以参阅offsetleft属性用法详解一章节 。
此属性具有一定的兼容性问题，那就是在IE7浏览器中，它的返回值是想对于最近的父辈元素的左侧的距离 。
文章插图
上面的代码在其他浏览器中返回值是100，但是在IE7浏览器中返回值是50 。
至于IE6没有测试，感兴趣的大家可以做一下测试 。
下面抽点空给大家介绍offsetLeft与style.left的区别
offsetLeft 获取的是相对于父对象的左边距
left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距
如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，
这同offsetLeft是相同的，区别在于：
1. style.left 返回的是字符串，如28px，offsetLeft返回的是数值28，如果需要对取得的值进行计算，
还用offsetLeft比较方便 。
2. style.left是读写的，offsetLeft是只读的，所以要改变div的位置，只能修改style.left 。
3. style.left的值需要事先定义，否则取到的值为空 。而且必须要定义在html里，我做过试验，如果定义在
【offsetleft兼容性的理解】css里，style.left的值仍然 为空，这就是我刚开始碰到的问题，总是取不到style.left的值 。
offsetLeft则仍然能够取到，无需事先定义div的位置 。
推荐阅读
- 疫情坚守岗位事迹怎么写
- win7office模板路径位置详细介绍
- 博人长大是哪一集的
- 苹果无线鼠标如何换电池
- 洪恩识字如何跳过已会字
- 办网约车资格证要什么条件
- 微信分身登陆后原微信还有吗 微信分身登录别人的号会被发现吗
- 火车厕所可以上大号吗
- 用ＭＰ３作来电铃声有时不响问题的解决办法