Html 不需要的空间导航栏和第一部分

我正在尝试删除导航栏和第一部分之间不需要的空间

我已经尝试将第一节的

边距设置为-4，但这是正确的方法吗

我还将导航栏的
边距底部设置为0，并将
垂直对齐设置为居中，但这对我不起作用

我的html代码：


*{
填充：0；
保证金：0；
}
html，
身体{
填充：0；
保证金：0；
宽度：100%；
身高：100%；
}
/*导航栏*/
.示例3.导航栏品牌{
高度：59px；
利润上限：-4px；
}
.例3.导航>李>a{
衬垫顶部：19.5px；
垫底：19.5px；
字号：17px；
}
.示例3.导航栏切换{
填充：18px；
利润率：15px 15px 15px 0px；
}
#导航{
背景色：rgba（19,19,19,0.91）；
边距：0！重要；
}
#导航按钮{
背景色：rgba（19,19,19,0.91）；
颜色：rgba（240231232,1.00）；
}
/*标志TOEVOEGEN响应*/
/*WELKOM&登录*/
#韦尔科姆林{
文本对齐：居中；
颜色：白色；
背景图片：url（public_html/images/HQ.png）；
背景：线性梯度（rgba（49,49,49,0.50），rgba（49,49,49,0.50）），url（'public_html/images/HQ.png'）；
背景大小：100%；
背景位置：中心；
背景附件：固定；
背景重复：无重复；
背景色：黑色；
高度：700px；
}
#韦尔科姆{
文本对齐：居中；
}
#登录{
文本对齐：居中；
}
/*钮扣*/
buttonwelkom先生{
利润率：10px 40px；
显示：内联块；
宽度：200px；
填充：8px；
颜色：#fff；
边框：2倍实心#fff；
文本对齐：居中；
大纲：无；
文字装饰：无；
过渡：背景色0.2s缓和，边框色0.2s缓和；
}
.buttonwelkom:悬停，
.buttonwelkom：激活{
文字装饰：无；
颜色：#fff；
背景色：#fff；
/*退路*/
背景色：rgba（255、255、255、0.4）；
边框颜色：#fff；
/*退路*/
边框颜色：rgba（255、255、255、0.4）；
过渡：背景色0.3s缓进，边框色0.3s缓进；
}

切换导航






因洛根


头部滴度
贝斯里金

我猜是
头部滴度
顶部边缘造成的。尝试用css删除它

#welkom h1 {
  margin-top: 0px;
}

最有可能的情况是，您的
h1
元素的顶部边距正在塌陷，并从其容器DIV中“脱离”。请尝试添加

#welkom h1 {
  margin-top: 0;
}

这看起来像是额外的利润，请使用inspector来解决。您发布的代码无法复制问题您可以开始删除尽可能多的HTML，直到它无法复制，然后退一步发布代码吗？您的代码不起作用