身体不是全屏

Question

我的身体没有使用灰色空间。我希望那部分与身体的背景颜色相同。

那是我的css：

#body {
    background-color: #feffc0;
    clear: both;
    padding-bottom: 35px;
}

Answer 1

一些事情。首先，你使用body的id选择器，但我没有在你的HTML中看到它，所以我认为你只想使用html元素选择器。

要回答您的问题，请使用height: 100%;。

body {
    background-color: #feffc0;
    clear: both;
    padding-bottom: 35px;
    margin: 0;
    height: 100%;
}

Answer 2

CSS的最佳实践之一是对所有浏览器和默认样式使用normalizator。

我建议你使用它：Normalize.css

只需将其添加到您的代码中，一切都会正常工作。

你的问题是由你在normalize.css

中找到的缺少的body和html规则引起的

The server encountered an error processing the request. The exception message is' Error deserializing the object of type System.String. Unexpected character 'C'. '. For more information, see the server logs. The stack trace of exceptions is:

然后添加此：

body {
   margin: 0;
}

DEMO：FIDDLE

Answer 3

您需要将页面的实际正文设置为高度为100％。然后，您需要将主容器的高度设置为100vh。

body {
  height: 100%;
}
.container (or#body or main or w.e your main container is called){
  height: 100vh;
}

请参阅此this fiddle以获取示例