IE,FF的padding-bottom问题!!! [复制链接]

writeidea　楼主

鲨鱼

银牌会员

帖子: 813
体力: 2262
威望: 0
居住地: 辽宁省大连市

发表于 2009-3-10 09:41:08 |显示全部楼层

分别在IE和FF下打开下面这个页面. 为什么设置外面的DIV的padding-bottom:15px; 在FF中是正常的,在IE中显示就要大两倍多一些.

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
* {
	margin: 0;
	padding: 0;
}

#box {
	width: 500px;
	margin: 50px auto;
	border: #CC6600 1px solid;
	padding-bottom: 15px;
	padding-top: 15px;
	font-size: 12px;
	line-height: 16px;
}

#box .left {
	width: 200px;
	float: left;
	margin-left: 20px;
	display: inline;
}

#box .right {
	width: 260px;
	float: left;
	margin-left: 10px;
	display: inline;
}

.clear {
	clear: both;
}
</style>
</head>

<body>
<div id="box">
	<div class="left">
		<p>提示：使用可以贴“可运行”的代码。
1.技术版面请勿灌水。（5楼之后单纯顶贴的，视为灌水。）特别受欢迎的主题可以顶一顶，但是请接受版主的定期“擦水”：这是为了减少技术讨论区出现的无效信息。
2.原则上不代劳商业应用（江湖救急除外），不解答考试及作业题（作弊可耻，偷懒有罪）。
3.如需要收藏主题，请使用主题右上角的链接；对论坛使用有疑问时请查看[论坛规则]（链接见顶部）或到[事务版]提问。
4.本版严重鄙视以下类型的行业内滥竽充数者：自己有脑，不肯思考；发狠提问，呲牙咧嘴；绝对白丁，只吃现成。请大家注意分辨“李逵”和“李鬼”，不要好心帮滥人。 </p>
	</div>
	<div class="right">
		<p>提示：使用可以贴“可运行”的代码。
1.技术版面请勿灌水。（5楼之后单纯顶贴的，视为灌水。）特别受欢迎的主题可以顶一顶，但是请接受版主的定期“擦水”：这是为了减少技术讨论区出现的无效信息。
2.原则上不代劳商业应用（江湖救急除外），不解答考试及作业题（作弊可耻，偷懒有罪）。
3.如需要收藏主题，请使用主题右上角的链接；对论坛使用有疑问时请查看[论坛规则]（链接见顶部）或到[事务版]提问。
4.本版严重鄙视以下类型的行业内滥竽充数者：自己有脑，不肯思考；发狠提问，呲牙咧嘴；绝对白丁，只吃现成。请大家注意分辨“李逵”和“李鬼”，不要好心帮滥人。 提示：使用可以贴“可运行”的代码。
1.技术版面请勿灌水。（5楼之后单纯顶贴的，视为灌水。）特别受欢迎的主题可以顶一顶，但是请接受版主的定期“擦水”：这是为了减少技术讨论区出现的无效信息。
2.原则上不代劳商业应用（江湖救急除外），不解答考试及作业题（作弊可耻，偷懒有罪）。
3.如需要收藏主题，请使用主题右上角的链接；对论坛使用有疑问时请查看[论坛规则]（链接见顶部）或到[事务版]提问。
4.本版严重鄙视以下类型的行业内滥竽充数者：自己有脑，不肯思考；发狠提问，呲牙咧嘴；绝对白丁，只吃现成。请大家注意分辨“李逵”和“李鬼”，不要好心帮滥人。 </p>
	</div>
	<div class="clear"></div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 writeidea 于 2009-3-10 09:42 编辑 ]

时尚女人:www.m8face.com

西部数码顶级域名注册商39元抢注！

使用道具举报