在CSS中将屏幕高度设置为div的高度

Question

我一直在HTML5，javascript和CSS上工作，我想获得屏幕的高度，并在CSS中相应地设置我的"div“的高度，而不是使用javascript和jquery。这样它就可以根据任何屏幕进行自我调整。我试过使用height=100%，但它占用的高度和div的内容一样长。有没有办法帮我一把..

提前感谢！！

Answer 1

设置height=100%应该可以-确保包含的元素也设置为100%高度，并添加position:absolute

这是一把小提琴：

http://jsfiddle.net/C3anM/

<div id="wrapper">Test content </div>

+

#wrapper {
    height:100%;
    background-color:green;
    position:absolute;
}

Answer 2

我认为你在试图绝对地定位它。

div{
    height:100%;
    width:100%;
    position:absolute;
    border:1px solid red;
}

http://jsfiddle.net/btevfik/DMUcY/

默认情况下，位置是static.so，div是按顺序放置的，它们的高度是根据它们的内容计算的，除非您为px设置了height值。

http://jsfiddle.net/btevfik/MjM9Y/

Answer 3

您必须设置：

html, body
{
    height: 100%;
} 

jsFiddle：http://jsfiddle.net/sG8gm/