在IE下:float属性会影响offsetTop的取值

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

没有使用float:left;取的到值是正常值200;



Float对offsetTop的影响




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。


 点击此处试试





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



Float对offsetTop的影响




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




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

 点击此处试试


以上就是在IE下:float属性会影响offsetTop的取值的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程