CSS和Firefox

Question

当我在Firefox上使用以下CSS代码时，横幅和屏幕顶部之间会出现间隙。我怎么能避免这个？

#container1
{
position:absolute;
left: 0px;
right: 0px;
width: 1000px;
height: 255px;
margin:  0;


}
#logo1 {   
 background:#FFFFFF; 
  margin: 0;    
  border: 1px solid red; 
   position:absolute;   
    left: 0px;   
     top: 0px;    
     width: 200px;  
       height: 250px;

       }
#Banner1 {    
background: #1071A6;    
position:absolute;    
left: 200px;    
top: 0px;   
 width: 789px;    
 height: 250px;
 vertical-align:top;
  margin:  0;    border:  1px solid red;
 }

Answer 1

body{margin:0 padding:0;}

应该这样做。

Answer 2

  

横幅与屏幕顶部之间的间隙

您是否也将body的{​​{1}}和margin设置为padding？

Answer 3

我建议您为每个设计使用this等重置样式表。它保证每个浏览器都有一个干净的平板。使用重置后，您所做的任何更改在每个浏览器中都会看起来几乎相同，因此您可以避免这些问题。

Answer 4

使用reset stylesheet在所有浏览器中将所有默认值设置为0。确保这是第一个样式表，如果您在应用样式表后遇到问题，那么它将使修复更容易。