IE7-瀏覽器在offsetTop屬性的處理上存在bug:

【1】若父級(jí)設(shè)置position: relative，則在IE7-瀏覽器下，offsetTop值為offsetParent元素的paddingBottom值

<div id="out" style="padding: 5px;position: relative;">
    <div id="test" style="width:100px; height:100px; margin:10px;"></div>        
</div>
<script>
    //其他瀏覽器返回15(5+10)，而IE7-瀏覽器返回5
    console.log(test.offsetTop);
</script>

【2】若父級(jí)設(shè)置position: aboslute(或其他觸發(fā)haslayout的條件)，offsetTop值為offsetParent元素的paddingBottom值和當(dāng)前元素的marginTop值的較大值

<div id="out" style="padding: 5px;position:absolute;">
    <div id="test" style="width:100px; height:100px; margin:10px;"></div>        
</div>
<script>
    //其他瀏覽器返回15(5+10)，而IE7-瀏覽器返回10(10和5的較大值)
    console.log(test.offsetTop);
</script>