UC知道Firefox中p元素的顶端margin跑哪去了，不解中。
来源：百度知道 编辑：UC知道 时间：2024/06/22 11:01:10
<html>
<head>
<style type="text/css">
div {width: 500px; height: 200px; margin: 100px; background: url
(images/marginpatt.gif); color: #FFF;}
p {width: 300px; height:100px; margin: 10px; background: #000; }
</style>
</head>
<body>
<div>
<p>
元素的Margin
</p>
</div>
</body>
</html>
上面的css代码分别在Firefox和IE中显示不一样（如图）。
1.我搞不明白为什么Firefox会对p元素的margin属性作出这样的显示结果（元素顶端的margin哪去了
？）。
2.代码怎么修改，才可以跟IE这张图上所显示的一致？
补充：Firefox不是对CSS支持性很好的吗？而现在这个问题让我这个初学者有点费解啊。
<head>
<style type="text/css">
div {width: 500px; height: 200px; margin: 100px; background: url
(images/marginpatt.gif); color: #FFF;}
p {width: 300px; height:100px; margin: 10px; background: #000; }
</style>
</head>
<body>
<div>
<p>
元素的Margin
</p>
</div>
</body>
</html>
上面的css代码分别在Firefox和IE中显示不一样（如图）。
1.我搞不明白为什么Firefox会对p元素的margin属性作出这样的显示结果（元素顶端的margin哪去了
？）。
2.代码怎么修改，才可以跟IE这张图上所显示的一致？
补充：Firefox不是对CSS支持性很好的吗？而现在这个问题让我这个初学者有点费解啊。
写一个规范的HTML，要养成添加文档定义、命名空间还有使用META指定文档内容编码的习惯。
<!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" />
......
</html>