网页顶部的空白

Question

我的网页顶部有大约20px的空白问题。很难看到，但是当你检查元素时，你可以看到顶部的小间隙。

www.craigengland.co.uk

我已经采纳了

 * {
    margin: 0;
    padding: 0;
    }

但无济于事

有什么建议吗？

我试过＆＃34;规范化＆＃34;在本地，它仍然没有解决问题。

Answer 1

body标签之后和标头标签之前的svg标记内容。删除将修复空白问题，或者如果您想使用CSS执行此操作，请将以下代码添加到您的css文件中。

svg{display:none;}

Answer 2

将style="display: none"添加到您的svg元素中，它应该可以正常工作。

Answer 3

从margin-top删除header。

 header {
    margin: 14% 0 0; /* remove this from main.css */
}

Answer 4

好，在检查您的网页时。它在标题中显示了这个空格，因为你在css中给它的余量

  

保证金：14％0 0％0％;

当我禁用你给出的边距时，不再需要看到空白区域。没有您给出的边距设置，标题标记看起来很好。

我没有看到任何其他错误！