我不想要的頂部邊距

出於某種原因，我在頁面頂部出現間隙。的HTML：我不想要的頂部邊距

<body> 
    <div id="main"> 
    <div id="topcontainer"> 
    <div id="topmenu"> 
    asdasdsa 
    </div> 
</div>

的CSS：

body 
{ 
background-color:#FFF; 
font-family:Arial, Helvetica, sans-serif; 
} 

#main 
{ 
width: 1024px; 
margin: 0 auto 0 auto; 
} 

#topcontainer 
{ 
height: 80px; 
} 

#topmenu 
{ 
height:40px; 
background-image:url('../siteimages/topmenu.jpg'); 
} 

#secondmenu 
{ 
height:40px; 
}

只是有白色的少量空間的頂部，任何想法？

來源

2010-05-12 sark9012

您的示例代碼有一個缺少的結束div。您需要關閉<div id="topcontainer">或<div id="main">。

如前所述加，

margin: 0; 
padding: 0;

你的身體的CSS，因爲這將刪除默認瀏覽器的利潤率。或者使用重置樣式表。

來源

2010-05-12 13:19:46

的主要部分從來不知道這一點。一切都已關閉，只是錯過了示例代碼。謝謝 – sark9012 2010-05-12 13:21:11

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

來源

2010-05-12 13:16:39 Quentin

大衛已經回答了你的問題，但我想指出css重置在這裏。

有很多關於CSS復位的批評，但我更喜歡使用meyerweb's css reset

如果繼續使用的方式您的HTML你開始你就會有很多不必要的計算方式，並避免你可以提前重置您的css並繼續工作，而不會造成難看的瀏覽器樣式。

希望它有幫助。思南。

編輯：提到CSS

/* CSS RESET */ 
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-weight: inherit; 
    font-style: inherit; 
    font-size: 100%; 
    font-family: inherit; 
    vertical-align: baseline; 
}

來源

2010-05-12 13:21:49 Sinan

我不想要的頂部邊距

回答

相關問題