Html 如何将div高度设置为100%？

我创建了空Div。我尝试在样式中为空Div指定100%的高度，因为我需要在浏览器屏幕的整页中显示Div，但我无法指定100%的高度。是否有任何可能的方法将空div高度设置为100%

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

        </div>
    </div>

您还必须为父项/div指定高度，即

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

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

希望这能有所帮助。

您还必须为家长/div指定高度，即

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

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

---

希望这有帮助。

您也可以使用javascript来实现这一点

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

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

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

将此代码放在文档末尾附近，可能就在body标记之前，当页面加载时，它将立即运行。您还可以将其包装在jquery$（window.load）中，甚至包装在$（document.ready）中。尽管如此，它并没有库依赖关系——只是简单的旧JavaScript

---

请检查

您也可以使用javascript进行此操作

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

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

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

将此代码放在文档末尾附近，可能就在body标记之前，当页面加载时，它将立即运行。您还可以将其包装在jquery$（window.load）中，甚至包装在$（document.ready）中。尽管如此，它并没有库依赖关系——只是简单的旧JavaScript

---

请检查

您可以通过在css中指定最小高度来尝试

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

---

}

您可以通过在css中指定最小高度来尝试

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

}

可能重复：可能重复：