首頁 > web前端 > js教程 > 在IE下:float属性会影响offsetTop的取值_javascript技巧

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

WBOY
發布: 2016-05-16 19:22:49
原創
1715 人瀏覽過

因需要定位某个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">


Float对offsetTop的影响




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


Float对offsetTop的影响




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


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


 
点击此处试试



來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板