为什么有间距？

Question

我有这种令人讨厌的空间，我无法移除。

这里是fiddle.

狗和灰盒之间的白色衬垫（？）。

我应该提到我在学习盒子模型（相对/绝对）等过程中。

Answer 1

在您的img http://jsfiddle.net/QzYcf/1/

上使用display: block;

Answer 2

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

Answer 3

移动包装器div以包含所有div。像这样：fiddle

你这个标题是fiddle对

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