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 的回答确实回答了您的具体问题 - 您可能想看看类似

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 回答