Rumah > hujung hadapan web > tutorial js > 在IE下:float属性会影响offsetTop的取值_javascript技巧

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

WBOY
Lepaskan: 2016-05-16 19:22:49
asal
1715 orang telah melayarinya

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


 
点击此处试试



sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan