Question

我正在制作一个相当简单的网页，我有点尘土飞扬，所以我可能犯了一个非常明显的错误，但请坚持下去。我的文档各边都有一个非常薄（可能是5-10px）的边距。我包含了我的代码的缩写版本。谁能告诉我为什么我会得到它以及如何摆脱它。

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

Answer 1

它可能是<body>元素的默认边距 - 大多数浏览器在所有方面都包含8px，只需添加：

body {
margin: 0;
}

Answer 2

虽然Adrift的回答确实回答了您的具体问题 - 但您可能希望查看类似

的内容

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

它在启动项目时提供了一个很好的基线，以便最大限度地减少css问题，例如您遇到的问题

Answer 3

最好在CSS中添加“重置”以删除一些跨浏览器的怪癖。我通常会在我的所有项目中添加至少这一行：

* {
  margin: 0;
  padding: 0;
}

这是一个article来检查CSS重置。

css不需要的保证金

3 个答案: