Question

我的HTML代码是

 <html>
 <body id="body">
 <div id="content">
 <div id="head1">
 <h3 id="cpsir">CPSIR-CM</h3>
 </div>
 </div>
 </html>

Css代码是

#body{
background:#0F657D;
}
#content{ 
width:1000px;
height:740px; 
background:#E2E2E2; 
margin-left:auto; 
margin-right:auto;
}
#head1{
width:auto; 
height:60px; 
background:#626262; 
margin-top:-10px;    
}
#cpsir{
font-family:Verdana, Helvetica, sans-serif; font-size:24px; 
color:#F4F4F4; 
padding-top:10px;

}

我试图将head div标签放到身体的顶部。但哪个不完美。所以，我使用了负px，但结果与不同的浏览器有所不同。例如，在火炬浏览器中margin-top:-10px给出了我所期望的，这是对Internet Explorer的更改。我能做什么？

Answer 1

开始于：

html, body{
    margin:0;
    padding:0;
}

然后你不应该在#head1

上需要负余量

Answer 2

在针对不同浏览器进行优化时，我获得了一次启动提示：

*{
margin:0px;
padding:0px;
}

这样，所有元素在每个浏览器中都呈现相同，因为IE有一种方法可以在这里和那里放置小边距，就像Firefox，Chrome等一样。

您可以稍后在元素上添加边距

为什么div标签不适合身体的顶部？

2 个答案: