Html 为什么会有间隔？

我有一点讨厌的间隔，我无法消除

这里有一个

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

---

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

使用

显示：块移动包装器div以封装所有div。像这样：

你觉得这个标题怎么样

HTML:

标题将是一个棒状图像。我的意思是包装器将覆盖卷轴上的标题。所以我需要把它全部打包。你是说固定的图像吗？无论滚动位置如何，页眉都保持在顶部？抱歉，否–我将修复页眉，然后在滚动时，包装器覆盖页眉。在某些方面是这样的：（减去淡入淡出）。用小提琴检查新答案。我花了一段时间作为电子邮件开发人员。某些邮件客户端会插入虚拟边框，除非您显式将边框设置为“无”。我想这只是一种习惯，在一个不必处理outlook和hotmail的世界之外，可能完全没有必要。
#header img { width: 100%; display: block; border: none;}

<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{
  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%;
}