国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > JS > 正文

在IE下：float屬性會影響offsetTop的取值

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

沒有使用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對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;} 沒有使用float屬性，取到的offsetTop的值正常：200。</div>
<div id="Main">
 <div id="IECN" onclick="ShowIt(this);">點擊此處試試</div>
</div>
</body>
</html>

使用了float:left;后，取的值卻變成了100,平白無故的少了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對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了，無故少了100。</div>
<div id="Main">
 <div id="IECN" onclick="ShowIt(this);">點擊此處試試</div>
</div>
</body>
</html>

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 枣阳市| 扶余县| 双桥区| 兴仁县| 河北区| 即墨市| 巴塘县| 松潘县| 昌都县| 福清市| 宜良县| 通州市| 林口县| 四子王旗| 定远县| 资源县| 黑龙江省| 长葛市| 襄樊市| 高雄县| 祁东县| 横峰县| 九寨沟县| 濉溪县| 夏津县| 施秉县| 云安县| 宝丰县| 绍兴市| 崇左市| 织金县| 蒙城县| 卢湾区| 内丘县| 富源县| 竹北市| 乾安县| 阜平县| 健康| 象山县| 井研县|