Html 固定高度的容器,具有根据窗口高度调整大小的滚动

Html 固定高度的容器,具有根据窗口高度调整大小的滚动,html,css,sass,Html,Css,Sass,我有一个角度材料表,我希望页眉和页脚是粘性和内容滚动。要做到这一点,我只需要将表格放在一个容器中,将高度设置为一定数量的像素,然后将溢出设置为自动。这正是我们想要的。我只需要像这样的东西来处理多个分辨率。如果我将div设置为600px,它在我的计算机上看起来很棒,但其他人会看到一个双滚动条 如前所述,如果我将高度设置为工作正常的固定像素量,例如:高度:600px。我试过使用calc功能例如:高度:calc100%-200px,但这似乎不起作用,桌子占据了所有的空间 我以10px的间隔进行了一系列

我有一个角度材料表,我希望页眉和页脚是粘性和内容滚动。要做到这一点,我只需要将表格放在一个容器中,将高度设置为一定数量的像素,然后将溢出设置为自动。这正是我们想要的。我只需要像这样的东西来处理多个分辨率。如果我将div设置为600px,它在我的计算机上看起来很棒,但其他人会看到一个双滚动条

如前所述,如果我将高度设置为工作正常的固定像素量,例如:高度:600px。我试过使用calc功能例如:高度:calc100%-200px,但这似乎不起作用,桌子占据了所有的空间

我以10px的间隔进行了一系列媒体查询,并在每个查询中设置了固定的高度。这是可行的,但似乎是一个糟糕的解决方案

我觉得必须有一种方法来设置一个固定的容器,使其高度等于屏幕高度减去一定数量的像素,以说明标题和底部的一些空白。

使用vh而不是%


真管用!!!,不知道为什么我在谷歌上找不到这个,这么简单。我猜如果我想做宽度,我会用hh。我假设vh代表垂直高度,所以宽度由水平高度定义。哈哈!就像vh一样,你也可以探索大众it@Zoeyvh表示视口高度,有关详细信息,请参见。1vh是视口高度的1%。
height: calc(100vh-200px)