麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁(yè) > 開(kāi)發(fā) > JS > 正文

在IE下：float屬性會(huì)影響offsetTop的取值

2024-09-06 12:44:12
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友
因需要定位某個(gè)HTML元素（例如:div）距離頁(yè)頂?shù)母叨龋胗胦ffsetTop來(lái)取值，結(jié)果卻發(fā)現(xiàn)CSS中如果使用了float:left;之類(lèi)的寫(xiě)法后，竟然會(huì)導(dǎo)致取到的值不一樣。

沒(méi)有使用float:left;取的到值是正常值200;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Float對(duì)offsetTop的影響</title>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<meta name="Copyright" content="(c)" />
<meta name="Author" content="CNLei" />
<style type="text/css" media="all">
body {margin:0;padding:0;}
#Top {height:100px;}
#Main {padding:100px;}
#IECN {width:200px;height:50px;background:#f00;color:#fff;}
</style>
<script type="text/javascript">
<!--
function ShowIt(o) {
 alert(o.offsetTop);
}
-->
</script>
</head>
<body>
<div id="Top">#Main {padding:100px;} 沒(méi)有使用float屬性，取到的offsetTop的值正常：200。</div>
<div id="Main">
 <div id="IECN" onclick="ShowIt(this);">點(diǎn)擊此處試試</div>
</div>
</body>
</html>

使用了float:left;后，取的值卻變成了100,平白無(wú)故的少了100 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Float對(duì)offsetTop的影響</title>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<meta name="Copyright" content="(c)" />
<meta name="Author" content="CNLei" />
<style type="text/css" media="all">
body {margin:0;padding:0;}
#Top {height:100px;}
#Main {padding:100px;float:left}
#IECN {width:200px;height:50px;background:#f00;color:#fff;}
</style>
<script type="text/javascript">
<!--
function ShowIt(o) {
 alert(o.offsetTop);
}
-->
</script>
</head>
<body>
<div id="Top">#Main {padding:100px;float:left;} 使用了float屬性，取到的offsetTop的值只有100了，無(wú)故少了100。</div>
<div id="Main">
 <div id="IECN" onclick="ShowIt(this);">點(diǎn)擊此處試試</div>
</div>
</body>
</html>

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 久久久久久久爱 | av电影网站在线 | 久久出精品| 成人男男视频拍拍拍在线观看 | 免费观看欧美一级片 | 91色一区二区三区 | 欧美成人免费一级 | 日本黄色一级视频 | 国产一级午夜 | 成人 精品 | 欧美 中文字幕 | 爱草在线| 精品国产一区二区三区在线观看 | 最近日本电影hd免费观看 | 日本在线观看一区二区 | 欧美一级aa免费毛片 | 成人午夜一区 | 成年免费观看视频 | 中文字幕观看 | 永久免费不卡在线观看黄网站 | 免费国产在线观看 | 久久亚洲网| 国产一区二区视频精品 | 九九热精品视频在线播放 | 91福利免费观看 | 久久久久久久久久网 | 免费观看一区 | 精品成人av一区二区在线播放 | 久久99久久98精品免观看软件 | 欧美成人精品不卡视频在线观看 | 黄色毛片免费视频 | 精品一区二区三区中文字幕老牛 | 5a级毛片 | 成人福利在线免费观看 | 最近日本电影hd免费观看 | 鲁人人人鲁人人鲁精品 | 国产精品手机在线亚洲 | 国产一区二区高清在线 | 国产亚洲精品久久久久5区 日韩一级片一区二区三区 国产精品久久久久av | 国产成人自拍视频在线观看 | 亚洲精品自在在线观看 |