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

我一直在研究HTML5、javascript和CSS，我想在不使用javascript和jquery的情况下获得屏幕高度，并在CSS中相应地设置“div”的高度。。因此，它可以根据任何屏幕进行自我调整。 我尝试过使用height=100%，但它需要的高度与div的内容一样长。 有什么想法请帮我

---

提前谢谢

设置高度=100%应该有效-确保包含的元素也设置为100%高度，并添加位置：绝对

这是一把小提琴：

---

我想你是在试图绝对定位它

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

默认情况下，位置是静态的。因此div按顺序放置，其高度由其内容计算，除非您为高度设置了

px

值

您必须设置：

html, body
{
    height: 100%;
} 

---

jsiddle:

我想您可能正在寻找与视口相关的css单元。目前，它们在使用现代浏览器的用户中得到了很好的支持

定义如下：

大众汽车单位

等于初始包含块宽度的1%

vh单元

等于初始包含块高度的1%

vmin单位

等于“vw”或“vh”中的较小值

vmax单位

等于“vw”或“vh”中的较大值

---

典型的百分比宽度相对于最近的父元素，或在绝对定位的情况下，具有

position:relative的最近的父元素来调整元素的大小而视口相对长度将始终相对于……计算。。。。视口，不管树中的父元素如何。
是否可以包含一些JSFIDLE示例，说明您正在尝试做什么。您可以通过
screen.height
it js获得高度。你无论如何也做不到，好吗。你到底想做什么？这就是我正在做的。。。现在我想让有班级报告的div占据屏幕的高度。请单击登录，然后只有您可以看到带有3个按钮的“主页”、“kpi报告”、“epf报告”。好的，这看起来如何
div{
    height:100%;
    width:100%;
    position:absolute;
    border:1px solid red;
}

html, body
{
    height: 100%;
}