居食网
您的当前位置:首页在IE下:float属性会影响offsetTop的取值_javascript技巧

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

来源:居食网


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

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



Float对offsetTop的影响





function ShowIt(o) {
alert(o.offsetTop);
}
-->



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

点击此处试试


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



Float对offsetTop的影响





function ShowIt(o) {
alert(o.offsetTop);
}
-->



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

点击此处试试


显示全文