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>