css页面最小高度

Question

有人可以向我解释为什么我的HTML页面没有填满屏幕的高度吗？我试图在css中设置min-height，但它并没有真正影响任何事情。

JSFiddle：http://jsfiddle.net/9yFKn/

Answer 1

这是因为你没有考虑身体的高度。

添加

body{
    height: 100%;
}

http://jsfiddle.net/9yFKn/1/

Answer 2

以下是解决方案：

  html, body {    height: 100%;    }

但它只是一个解决方案，你需要了解为什么会发生，这是因为你的元素是一个块级元素，它将你的整个内容宽度和高度宽度包装为100％，但这不是你需要的高度的情况指定与内容相关的高度百分比，如上面的身体给出100％

here is the solution too