Html 页面开头和第一个div之间不需要的空间

我想在HTML文档中添加导航栏。 我创建了一个带有无序列表和列表项的Div。 列表应居中，列表项应并排排列

正如您在所附的屏幕截图中看到的，它看起来正是我想要的样子，除了导航栏上方不需要的空白

当我删除“navbar links li”的CSS属性时，它就会消失，但前提是我删除了它的每个属性

.navbar{
背景色：rgb（50,50,50）；
最小高度：70px；
}
.导航栏链接{
颜色：白色；
左边距：自动；
右边距：自动；
}
.navbar链接李{
列表样式类型：无；
浮动：左；
左边距：50像素；
边缘顶部：22px；
}

家
服务
我们的工作
关于我们
接触
网上预定

body{margin:0；}
ul{margin:0；}
navbar先生{
背景色：rgb（50,50,50）；
最小高度：70px；
}
.导航栏链接{
颜色：白色；
左边距：自动；
右边距：自动；
}
.navbar链接李{
列表样式类型：无；
浮动：左；
左边距：50像素；
边缘顶部：22px；
}

家
服务
我们的工作
关于我们
接触
网上预定

您正在使用CSS重置吗？请尝试.navbar链接{margin top:-22px}，因为ul>li有margin top 22px