html - 为什么会有间距？

Question

我有这个恼人的一点点间距，我无法消除。

这是一个小提琴。

这是狗和灰色盒子之间的白色填充（？）。

我可能应该提到我正在学习盒子模型（相对/绝对）等。

Answer 1

display: block;在你的 img 上使用http://jsfiddle.net/QzYcf/1/

Answer 2

#header img { width: 100%; display: block; border: none;}

Answer 3

移动包装器 div 以包含所有 div。像这样：小提琴

你什么标题喜欢这个小提琴吧

HTML：

<div id="wrapper">
<div id="outer">
       <div id="inner"></div>
</div></div>
<div id="header">
    <img src="http://davesizer.com/blogs/wp-content/uploads/2010/03/eva_jump.jpg" alt="Dog">
</div>

将此 #wrapper 和 #header 更改为：

#wrapper{
  position: relative; /*or position: absolute; top: 250px;*/
  top: 240px;
  width:100%;
  background-color: lightgrey;
 }


#header{
  position: fixed;
  top: 0;
  width: 100%;
  height:auto;
  background-size: 100%;
}