背景用 html 和 body 100% 高度截断

Question

出于某种原因，我无法让 html 和 body 达到 100% 的高度，我正绞尽脑汁想找出原因。我正在使用以下代码并在网络和 Whosebug 上搜索答案，但似乎没有任何效果：

html, body {
  height: 100%;
  min-height: 100% !important;
  width:100%;
  padding:0;
  margin:0;
  line-height:normal;
}

这是一个现场演示：

http://dev1.onesizeup.com/

知道发生了什么事吗？

Answer 1

html {
    min-height: 100%;
}
body {
    height: 100%; /* or min-height */
    padding:0;
    margin:0;
    background: red;
}

JSfiddle Demo

Answer 2

在 html 上设置 height: 100% 会强制其高度为视口的高度（导致截断）。尝试将 html 的高度设置为 auto 或从 html, body 规则中删除 html。