在 CSS 中为 HTML 元素设置背景时不需要的边距答案

【问题标题】：Unwanted margin when setting background on HTML element in CSS在 CSS 中为 HTML 元素设置背景时不需要的边距
【发布时间】：2011-12-08 23:42:59
【问题描述】：

所以众所周知，您可以在 HTML 标签和 BODY 标签中添加背景图片以获得双重背景效果，而无需添加额外的 div 元素。我喜欢你可以这样做，但是当我尝试时，额外的边距会添加到 BODY 元素的顶部。

我确实发现如果你添加了以下代码：

*{
    margin: 0;
}

它会去掉这个边距，但它也会这样做，所以我必须重置所有其他我不想去掉边距的元素。

有谁知道摆脱 HTML 标签边距的方法。

这个：

html {
    margin: 0;
}

顺便说一句，不起作用。似乎是其他原因导致了额外的间距。

更新： 这是 JS Bin 示例。 http://jsbin.com/ebefah/2

我正在运行一个 HTML5 文档类型，并且我已经摆脱了正文的边距。

回答： 谢谢三十点。由于利润率下降，答案是 H1。一旦我摆脱了 H1 的上边距，一切都完美无缺。再次感谢！

【问题讨论】：

【解决方案1】：

由于折叠边距的影响，差距来自h1（默认情况下有一些margin-top）。

您可能只想在h1 上设置margin-top: 0。

【讨论】：

【解决方案2】：

正文有一个默认边距..

试试html,body{margin:0;padding:0}

【讨论】：

【解决方案3】：

使用 CSS 重置来规范浏览器之间的默认样式。雅虎有一个不错的 CSS 重置。大多数元素都默认将margin/padding应用于h1、body、html等元素。

【讨论】：