当前位置：首页 → 问答吧 → h标签看不到margin

h标签看不到margin

时间：2010-09-18

来源：互联网

复制内容到剪贴板

代码:

<!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=gb2312" />
<title>无标题文档</title>
</head>
<style type="text/css" media="all">
*{padding:0px; margin:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif,"宋体"}
.clear{clear:both}
img{ border:0px}

/*我设置box的大小，并设置padding-top=50px，我想在它里面放一个h标签，设置它上边距margin为5px，我发现在IE78标准，但在IE6里发现只有当h的margin大于上面的padding时候(>50px)才能看到margin？？！！当然我是可以把盒子的padding-top改大一点就没事了不去设置h的margin，有谁知道这是为什么吗？？？？？？？*/
#show{
margin:10px auto;
width:180px;
height:300px;
background:url(login.jpg) no-repeat center top #009999;
padding-top:50px;
}

h2{
margin:5px 10px;
}

</style>
<body>
<div id="show"><h2>测试</h2></div>
</body>
</html>

作者: myselfdo 发布时间: 2010-09-18

为什么要 #show里设 padding-top 而h2还margin

#show{
margin:10px auto;
width:180px;
height:300px;
background:url(login.jpg) no-repeat center top #009999;
}

h2{
margin:55px 10px 5px 10px;
}

作者: cjj 发布时间: 2010-09-18

h标签看不到margin

代码:

热门阅读

热门下载