JavaScript 使用offsetLeft 和offsetTop

■知识点

    offsetLeft和offsetTop属性返回当前元素的偏移位置。IE怪异模式以父元素为参照进行偏移的位置，DOM标准模式以最近定位元素为参照进行偏移的位置。

■实例设计

    下面的示例是一个三层嵌套的结构，其中最外层div元素被定义为相对定位显示，然后在脚本中使用"console.log(box.offsetLeft);"语句获取最内层div元素的偏移位置，则IE怪异模式返回值为50px，而DOM标准模式返回101px。

<style type="text/css">

div {width:200px; height:lOOpx; border:solid lpx red; padding:50px;}

#wrap { position:relative; border-width:20px; }

</style>

<div id="wrap">

    <div id="sub">

        <div id="box"x/div>

    </div>

</div>