Question

我希望<body>的背景能够跨越页面的整个宽度，并一直走到页面顶部。 This is what my page looks like right now.正如您所见，灰色背景并未一直延伸到左侧。灰色背景也不会一直延伸到顶部。灰色背景也不会一直延伸到右边。我不希望灰色再延伸向下，但我希望它能够填满上，左，右。以下是<body>部分的样式表中的编码：

#title {
    text-align: center;
    color: white;
    background-color: #3B3C36;
    font-family: Eras;
    background-size: cover;
    height: cover;
    width: cover;
}

Answer 1

所有浏览器都会为元素添加默认样式。使用CSS normalize或CSS reset启动项目是个好主意。这样可以防止您遇到类似于此处的问题。

css reset

css normalize

Difference between css reset and normalize

你的css中有几个无效值，如高度和高度宽度＆＃39;覆盖＆＃39;什么都做不了。请参阅here您可以使用％，px或视口单位来设置高度和宽度。宽度。使用课程来设计dom而不是ID是最好的做法。

实现目标的最简单方法是执行以下操作：

HTML

<h1>Life as a Welsh</h1>

CSS

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

h1 {
  background: #000;
  color: #fff;
  text-align: center;
}

jsfiddle example

Answer 2

试试这个：

html, body {
    margin: 0;
    height: 100%;
}

Answer 3

可能用CSS将<body>清零：

body {
margin: 0;
padding: 0;
}

Answer 4

这是我得到的，它解决了问题：#title { text-align: center; color: white; background-color: #3B3C36; font-family: Eras; background-size: cover; height: cover; width: cover; margin: 0; padding: 0; } html, body { margin: 0; padding: 0; }

Answer 5

如果您希望整个页面是一种颜色，请将背景颜色添加到body标签。

body {
  background: #3B3C36 ;
}

Answer 6

对于此问题，您应该在normalize.css或* { margin: 0; padding: 0; }之前重置所有css

如何使我的HTML网站的背景跨越整个页面的宽度？

6 个答案: