Html 如何使页面的某一部分在所有分辨率下都能100%显示在屏幕上，同时保持向下滚动的能力？

我最近才开始编写代码，所以我对很多事情都不是很确定，甚至对我正在使用的程序也不是很确定。HTML和CSS之间有什么区别

无论如何，回到眼前的问题：如何使页面的某一部分在所有分辨率下都能100%显示在屏幕上，同时保持向下滚动的能力？这是网站：

我试图使“计算机科学：Gita 1”框在所有分辨率的页面上居中，但滚动功能仍然存在。如果用户单击，下面的按钮将向下滚动页面至“八月”标题

我在网站的最底部还有一个按钮，它可以将页面恢复到顶部，但我注意到，它从来没有真正将页面恢复到顶部。我仍然可以向上滚动5-10像素-这有什么原因吗？我该如何解决这个问题

<div class="main" id="Top"></div>
</br></br></br></br></br></br>

<hr width="90px" size="1" color="silver">
<hr width="200px" size="1" color="silver">
<hr width="525px" size="1" color="silver">
<div id="box1" class="Style7">
. . .
</div>
<h1 id="box2"></br>Computer Science: Gita 1</h1>
<div id="box2" style="line-height:20px">
</br>
</div>
<div id="box2" class="Style2">
This is my website for Computer Science 1. We are learning C#</br>which is used for making Windows apps.
This is my first year of programming, but</br>some day I would like be able to program my own apps from scratch.
</div>
<div id="box3" class="Style2">
</br>
</div>
<div id="box4" class="Style7">
. . .
</div>
</br>
<hr width="525px" size="1" color="silver">
<hr width="200px" size="1" color="silver">
<hr width="90px" size="1" color="silver">

</br></br></br></br></br></br>

<div class="Style2">
Projects
</div>
<div class="Style6">
-
</div>
<div><a href="#Projects"><button class="button1">﹀</button></a></div>

</br></br></br></br></br>
<div id="Projects"></div>
<div id="box6" class="Style4" align="center">
</br>
August
</br>
</br>
</div>
</br></br>

. . .

计算机科学：Gita 1


这是我的计算机科学1的网站。我们正在学习用于制作Windows应用程序的C#
。
这是我编程的第一年，但有朝一日我希望能够从头开始编写自己的应用程序。


. . .












项目
-








八月

对于覆盖整页的宽度，您需要提供

宽度：100vw这意味着它将覆盖视口宽度，
此外，你还应该考虑研究HTML标签的用法。
顶部的按钮
您在
标记中提供了
id#top
，但该标记实际上并不在顶部。当你检查它时，你就能看到。另外，尝试在
正文
中输入
id#top
。它会一直向上滚动。
如果我问它的方式没有多大意义，我真的很抱歉。对这一点还是新的：（参见这些教程，从这里以更简单的方式学习会容易得多。感谢
id=“Top”上的修复建议
，它现在正按照我想要的方式工作。我不确定
宽度：100vw
是否是我想要的代码，因为它不是我想要确定的宽度，而是高度。是否有另一个代码表示高度而不是宽度？不太确定您想要的高度是什么，如果您想要它覆盖整个屏幕，请给出
高度：100vh；