CSS背景颜色在最后一个元素处停止

Question

在这里感觉总计n00b。我有一个短页面，不会垂直填满整个页面。由于某些原因，我在background-color标记上设置的body不会继续超过页面上的最后一个元素。

body {
  background-color: #000;
}

是什么导致这种情况？

Answer 1

告诉body元素它至少需要占用整个浏览器高度

body {
    background-color: #000;
    min-height: 100%;
}

或者，为html标记设置样式而不是body标记

Answer 2

您是否尝试过使用

* { 
   background-color: yellow; // or anything you want.
}

如果您想更改其他元素的背景颜色，您只需选择它。

fiddle

Answer 3

通常我只需在background-color元素中添加html即可。诀窍。

html { background-color: #fff;}

当我的页脚与页面背景颜色不同时，我通常会将html元素设置为具有相同的bg颜色，这样看起来页脚会拉伸到视口的底部。