我最近才开始编码，所以我对很多事情都不是特别确定 - 甚至我正在使用什么程序。HTML和CSS有什么区别？
无论如何，回到手头的问题：如何使页面的某个部分在所有分辨率下都适合屏幕的 100%，同时保持向下滚动的能力？这是网站： http://youns.gitastudent.online/
我正在尝试使"计算机科学：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>
对于覆盖整个页面的宽度，您需要提供width: 100vw;这意味着它将覆盖视口宽度，您还应该考虑研究HTML标签的使用对于顶部的按钮您在<center>标签中提供了id #top，该标签实际上并不在顶部。当您检查它时，您将能够看到它。而且，尝试在body中给出id #top.它将一直向上滚动。