如何将div高度设置为100％？

Question

我创建了空Div。我尝试将高度设置为100％对于样式中的空Div，因为我需要在浏览器屏幕的整页中显示div，但我无法将高度设置为100％。有没有可能的方法将空div高度设置为100％？

  <div id="test">
        <div id="test1">

        </div>
    </div>

Answer 1

您还必须为父母/ div指定身高，即

#test, #test1
{
  height: 100%;
}

如果你想全屏显示，你必须像这样使用它：

#test1, #test, body, html
{
    height: 100%;
}

希望这有帮助。

Answer 2

您可以通过在css中给出最小高度来尝试

#test,#test1 {
min-height: 100%;

}

Answer 3

您也可以使用javascript

 var h = document.getElementById("mainContentID").offsetHeight;
 document.getElementById("menuID").style.height = h + "px";

第1行创建一个新变量“h”，并为此变量指定找到的元素的高度。这不会返回CSS中指定的“height：”，它会返回文档在屏幕上显示的实际高度。

第2行用变量h +“px”填充另一个较短元素的“height：”样式值

将此代码放在文档末尾附近，可能就在正文标记之前，它会在页面加载时正确运行。你也可以将它包装在jquery $（window）.load中，甚至是$（document）.ready中。但实际上，没有库依赖 - 只是普通的JavaScript！

请检查http://jsfiddle.net/BDEnM/