html - 如何消除顶部多余的空白？

我又是我了，因为我想学习的过程让我感到沮丧。首先，每个浏览器的顶部都有多余的enter image description here空间。
我已经尝试在CSS中尝试body {overflow:auto;}了，但是显然只能工作到特定点，并且消失在右侧而不是顶部的多余空间。我已经尝试过重置CSS中的边距和填充，但是没有运气。
同样由于某种原因，没有显示封面图像。
有任何建议吗？

您可以在此处检查该项目：https://github.com/flukec777/MarsLandpage

最佳答案

多余的空间是由Grid.css中的.col类引起的。 .col类包含：

.col {
      display: block;
      float:left;
      margin: 1% 0 1% 1.6%;
     }

解决此问题的一种方法是删除或编辑.col类中的margin属性。当然，您可以通过JavaScript动态地执行此操作。

关于html - 如何消除顶部多余的空白？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56940611/