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和padding到0呢？

Answer 2

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

Answer 3

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

Answer 4

body{margin:0 padding:0;} 

应该这样做。