HTML导航栏不会触及页面的顶部

Question

我一直在为我的网站制作一个水平导航栏，但导航栏的顶部似乎被切断，不会触及页面的顶部。

我已经尝试使用：

* { 
    padding: 0; 
    margin: 0; 
} 

然而，这使我不得不填充添加到的一切。

有没有其他解决方法？

小提琴：从ulhttps://jsfiddle.net/bp2jnytc/

Answer 1

为了您的无序列表中的<h3>元素，你可以尝试：

h3 { 
    margin: 0; 
    padding: 15px; 
} 

然后为<ul>元素的<header>内：

header ul { 
    margin: 0; 
} 

Answer 2

删除边距和h3标签。 https://jsfiddle.net/bp2jnytc/2/

Answer 3

没有什么不对的地方，以及，至少当我将代码复制到我的文本编辑器，然后在Chrome中运行它。我相信这是jsfiddle如何显示信息的问题，而与您的代码无关。