Html 消除垂直div之间的间隙

我试图建立一个个人网站，我一直在使用视差滚动效果从。我的每个部分都有一个div，但是每个div之间有20px的间隔，我不知道为什么。任何帮助都将是惊人的

我用颜色替换了视差图像，因为我在本地保存了图像，链接可能会过期。我也有jQuery3.3.1，但这可能并不重要；我只使用jquery在锚点击时平滑滚动

CSS和HTML：

html，正文{
填充：0；
边距：0自动0自动；
身高：100%；
}
#标题{
宽度：100%；
边际：0px；
填充：12px 0px；
浮动：左；
背景：rgba（2382382380.5）；
位置：固定；
字体系列：Arial；
字体大小：20px；
}
#标题右侧{
浮动：对；
}
#标题a{
垂直对齐：中间对齐；
利润率：15px；
文字装饰：无；
颜色：#000000；
}
#标题a：悬停{
颜色：#9090；
}
.视差窗口{
最小高度：400px；
背景：透明；
}
.内容{
填充顶部：60px；
显示：块；
背景图片：url（'kalle-kortelainen-242413-unsplash.jpg'）；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
#介绍{
最小高度：800px；
填充顶部：60px；
背景色：#ef69a1；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
#关于{
最小高度：800px；
填充顶部：60px；
背景色：#82ff9e；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
#计划{
最小高度：800px；
填充顶部：60px；
背景色：#2092e4；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
#接触{
最小高度：800px；
填充顶部：60px；
背景色：#dfee80；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}

$（文档）.ready（函数（）{
var height=0//Dist to not travel（不移动），以便收割台不会切断滚动上的部分
$（文档）。在（'click'，'a[href^=“#”]”上，函数（事件）{
event.preventDefault（）；
$（'html，body'）。设置动画({
scrollTop:$（$.attr（此'href'））.offset（）.top高度
}, 500);
});
});
aksdhgflha
关于
项目
接触

默认情况下

h2

标记留有一些余量。只需将边距设置为0即可解决此问题。 检查下面更新的代码段

html，正文{
填充：0；
边距：0自动0自动；
身高：100%；
}
#标题{
宽度：100%；
边际：0px；
填充：12px 0px；
浮动：左；
背景：rgba（2382382380.5）；
位置：固定；
字体系列：Arial；
字体大小：20px；
}
#标题右侧{
浮动：对；
}
#标题a{
垂直对齐：中间对齐；
利润率：15px；
文字装饰：无；
颜色：#000000；
}
#标题a：悬停{
颜色：#9090；
}
.视差窗口{
最小高度：400px；
背景：透明；
}
.内容{
填充顶部：60px；
显示：块；
背景图片：url（'kalle-kortelainen-242413-unsplash.jpg'）；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
#介绍{
最小高度：800px；
填充顶部：60px；
背景色：#ef69a1；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
#关于{
最小高度：800px；
填充顶部：60px；
背景色：#82ff9e；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
#计划{
最小高度：800px；
填充顶部：60px；
背景色：#2092e4；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
#接触{
最小高度：800px；
填充顶部：60px；
背景色：#dfee80；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
氢{
边际：0px；
}

$（文档）.ready（函数（）{
var height=0//Dist to not travel（不移动），以便收割台不会切断滚动上的部分
$（文档）。在（'click'，'a[href^=“#”]”上，函数（事件）{
event.preventDefault（）；
$（'html，body'）。设置动画({
scrollTop:$（$.attr（此'href'））.offset（）.top高度
}, 500);
});
});
aksdhgflha
关于
项目
接触

您也可以使用

body > div {
    float: left;
    width: 100%;
}

解决这个空间问题

html，正文{
填充：0；
边距：0自动0自动；
身高：100%；
}
正文>div{
浮动：左；
宽度：100%；
}
#标题{
宽度：100%；
边际：0px；
填充：12px 0px；
浮动：左；
背景：rgba（2382382380.5）；
位置：固定；
字体系列：Arial；
字体大小：20px；
}
#标题右侧{
浮动：对；
}
#标题a{
垂直对齐：中间对齐；
利润率：15px；
文字装饰：无；
颜色：#000000；
}
#标题a：悬停{
颜色：#9090；
}
.视差窗口{
最小高度：400px；
背景：透明；
}
.内容{
填充顶部：60px；
显示：块；
背景图片：url（'kalle-kortelainen-242413-unsplash.jpg'）；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
#介绍{
最小高度：800px；
填充到