css页面最小高度

时间:2014-02-15 18:59:44

标签: html css

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

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

2 个答案:

答案 0 :(得分:1)

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

添加

body{
    height: 100%;
}

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

答案 1 :(得分:1)

以下是解决方案:

  html, body {    height: 100%;    }

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

here is the solution too