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