我不想要的顶部边距

出于某种原因，我在页面顶部出现间隙。的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

我不想要的顶部边距

回答

相关问题