Question

我又是我了，因为我试图学习时我感到很沮丧。首先，每个浏览器的顶部都有enter image description here个额外的空间。我确实尝试过在CSS中使用running again ./mongo-text: line 3: mongod --config /etc/mongod.conf: No such file or directory ./mongo-text: line 3: ret: command not found ./mongo-text: line 4: ==: command not found，但显然只能在特定点上使用，并且在右侧而不是顶部消失了多余的空间。我已经尝试过重置CSS中的边距和填充，但是没有运气。同样由于某种原因，没有显示封面图像。有任何建议吗？

您可以在此处检查问题：https://github.com/flukec777/MarsLandpage

Answer 1

您需要从.col的{{1}}中删除<div class="col span-1-of-2 bg">类。

编辑css文件中的line 26端口也会对其他标签产生影响，因为您也在文档的其他位置使用了该类。

Answer 2

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

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

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

Answer 3

顶部多余空间的原因是在标头中包含类.col.span-1-of-2.bg的div，我们可以使用margin删除此空间。

html, body {
    overflow: initial;
}

header .col.span-1-of-2.bg {
    margin-top: 0;
}

如何消除顶部多余的空格？

3 个答案: