在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">

<script> <BR><!-- <BR>function ShowIt(o) { <BR> alert(o.offsetTop); <BR>} <BR>--> <BR></script>

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

 

点击此处试试

使用了float:left;后，取的值却变成了100,平白无故的少了100 
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">







<script> <BR><!-- <BR>function ShowIt(o) { <BR> alert(o.offsetTop); <BR>} <BR>--> <BR></script>

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

 

点击此处试试