Html 如何设置元素的尺寸以仅填充初始窗口/视口大小？

我试图使元素仅保持视口的初始100%高度。因此，任何时候用户调整窗口大小时，高度都不应响应

我是否应该编写javascript来获得初始视口高度，然后创建这些高度并将这些尺寸传递给css？谁能教我怎么做

*{
保证金：0；
填充：0；
}
.顶{
高度：100vh；
宽度：100%；
背景颜色：黄色；
}
.底部{
高度：300px；
宽度：100%；
背景色：红色；
}

---

class top是我希望保持其初始100%视口大小的div。

我认为您不需要javascript。高度：100vh；从你的代码就可以了。

我认为你不需要javascript。高度：100vh；从你的代码可以做得很好。

我认为CSS不可行，你需要JS。。。有人能教我怎么做吗？-->开始搜索如何使用JS读取某些值，然后搜索如何使用这些值Hanks，我将对此进行研究。只是想确保它确实是javascript，而不是css。我不认为它是css可以做到的，你需要JS。。。有人能教我怎么做吗？-->开始搜索如何使用JS读取某些值，然后搜索如何使用这些值Hanks，我将对此进行研究。只是想确保它确实是javascript，而不是css。