1

normalize.css を含むボイラープレートを使用し、normalize.css を使用している場合、ボディ要素の上に常にギャップがあります。normalize.css で理由を見つけることができませんでしたが、それを使用していなければ期待どおりに動作します。

わかりやすくするための画像を次に示します。左の白いバーはギャップを意味します。左: normalize.css を使用した場合 右: ちょっとした CSS のみ

左: normalize.css を使用 / 右: CSS のみ。 デモへの直接リンク: http://sebastianwolf.org/

HTML:

<body>
  <div id="container">
  k
  </div>
</body>

CSS:

div#container {margin: 1em;background:silver}
body { background: red;}

これがどこから来たのか、どうすれば回避できるのか教えてください。これを引き起こしているコードが normalize.css に見つかりませんでした。

更新: これは div のマージンを示す別の画像ですが、上のギャップは意図されています。 ここに画像の説明を入力

4

1 に答える 1