html - div 标签之间出现意外的空格

Question

我想知道为什么我在两个 div 标签之间有一个空格。这是 HTML 代码:

<div id="header">
    <img id="background" src="http://farm3.staticflickr.com/2847/11154210265_a8854fe5c5_h.jpg" alt="background" />
</div>          
<div id="menu">
    Why the above blank space?
</div>

还有 CSS:

* {
margin: 0px;
padding: 0px;
}
#background {
max-width:100%;
max-height: 550px;
}
#menu {
background: rgb(170,200,189);
}

您可以在此处查看行为:JSFIDDLE

Answer 1

图片标签就是这样做的。

使图像成为 block 元素，它会解决问题。

#background { display: block }