在IE下：float属性会影响offsetTop的取值_javascript技巧

因需要定位某个HTML元素（例如:div）距离页顶的高度，想用offsetTop来取值，结果却发现CSS中如果使用了float:left;之类的写法后，竟然会导致取到的值不一样。

没有使用float:left;取的到值是正常值200;
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

body {margin:0;padding:0;}
#Top {height:100px;}
#Main {padding:100px;} #IECN {width:200px;height:50px;background:#f00;color:#fff;}

#Main {padding:100px;} 没有使用float属性，取到的offsetTop的值正常：200。

 点击此处试试



nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

使用了float:left;后，取的值却变成了100,平白无故的少了100 


Float对offsetTop的影响

#Main {padding:100px;float:left;} 使用了float属性，取到的offsetTop的值只有100了，无故少了100。