1

私はかなり単純なウェブページに取り組んでおり、少しほこりっぽいので、本当に明らかな間違いを犯した可能性がありますが、私に固執してください. ドキュメントのすべての辺に非常に薄い (おそらく 5 ～ 10 ピクセル) 余白があります。コードの短縮版を含めています。なぜ私がそれを手に入れたのか、それを取り除く方法を誰か教えてもらえますか.

html:

<body>
<div id="wrap">
<div id="video">
</div>
<div id="para">
<p>Hello, I'm ...</p>
</div>
<div id="footer">
<ul id="social">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</body>

CSS:

#wrap { background: url(Andres/images/background-bg.png);  margin: 0 auto;
 }

#para p { padding: 20px; }

#footer { background:url(Andres/images/footer.png); height: 80px;}

#footer #social li { float: left; padding: 10px; list-style: none; }
4

3 に答える 3

1

おそらく要素のデフォルトの余白です<body>- ほとんどのブラウザにはすべての辺に 8px が含まれています。追加するだけです:

body {
margin: 0;
}
于 2013-04-09T02:02:17.833 に答える
1

Adrift's answer は特定の質問に答えますが、次のようなものを見たいと思うかもしれません

http://necolas.github.io/normalize.css/

プロジェクトを開始するときに、発生したような CSS の問題を最小限に抑えるための適切なベースラインを提供します。

于 2013-04-09T02:05:15.283 に答える
0

CSS に「リセット」を追加して、クロス ブラウザーの癖の一部を削除することをお勧めします。私は通常、すべてのプロジェクトに少なくとも次の行を追加します。

* {
  margin: 0;
  padding: 0;
}

CSS のリセットについては、こちらの記事をご覧ください。

于 2013-04-09T02:05:47.743 に答える