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;} 

應該這樣做。