html - contentheader 和 contentbox 之间的间距为 2px

Question

嘿家伙的，

我有这个问题，我在主内容框的标题和背景图像之间有间距。我无法解决是什么原因造成的。我认为理解我的意思有点困难，所以如果您可以查看此链接，您就会明白我的意思。 www.vazcreations.nl/design.

我不认为这有什么大不了的，如果你们中的一个人能快速看一眼，那就太棒了!

谢谢

这是 HTML

<div id="wrap">
<div class="mainheader">
<img src="main/main_header.png" alt=""/>
</div>
<div id="container">

内容

</div>
<div class="mainfoot">
<img src="main/main_footer.png" alt="" />
</div>
</div>

和 CSS

#wrap {
    min-height:100%;
    overflow:auto;
    padding-bottom: 175px;}

.mainheader {
    text-align:center;}

#header {
    background-image:url(header/header_bg.png);
    background-repeat:repeat-x;
    height:120px;
    text-align:center;}

#container {
     background-image:url(main/main_bg.png);
     background-repeat:repeat-y;
     background-position:center;
     width:871px;
     margin:0 auto;
     text-align: left;
     padding-left:0px;
     padding-right:0px;}

Answer 1

那是因为图像后有空白。

您可以使用以下任何一种解决方案来修复它:
1)使用main_header.png作为背景图片
2) 将它的 'display' 更改为 'block' 并以 margin: 0 auto;
3) 设置vertical-align: bottom for image (比较简单)