Html 如何删除垂直堆叠div之间的空间？

我已尝试编辑div 1和div 2之间的空格，但间隙仍然存在（边距和填充）。我尝试编辑父div上的属性，但子div可能会超出父div。我知道我可能没有正确地看待问题。感谢帮助

html{
溢出：
}
身体{
溢出y：自动；
溢出x：隐藏；
高度：100vh；
边距：0；/*删除默认边距*/
过渡性质：背景位置；
}
分区#集装箱{
身高：100%；
保证金：0；
}
分区#静态导航{
宽度：100%；
高度：2米；
填充顶部：10px；
位置：固定；
z指数：999；
}
.静态导航已满{
背景色：#3A3DF；
过渡色：背景色2s；
不透明度：.90；
}
navbar先生{
字体系列：“源Sans-Pro”，无衬线；
右边填充：20px；
背景色：透明；
文本对齐：右对齐；
}
静态导航a分区{
颜色：白色；
文字装饰：无；
右边填充：20px；
}
静态导航a：悬停{
颜色：#8E8E8E；
}
第一区，第二区，第三区，
第四区{
高度：100vh；
z指数：1；
填充顶部：51px；
宽度：100%；
}
第一区{
背景图片：url(https://images5.alphacoders.com/439/thumb-1920-439361.jpg);
背景尺寸：封面；
背景附件：固定；
过渡：所有0.2秒缓解；
-webkit过渡：所有0.2秒轻松；
背景重复：无重复；
位置：相对位置；
}
部门标志{
背景图片：url(http://www.clker.com/cliparts/C/k/d/o/B/3/white-peace-sign-hi.png);
背景尺寸：包含；
背景位置：中心；
背景重复：无重复；
背景附件：固定；
身高：100%；
z指数：-1；
}
.标题{
填充顶部：10px；
垫底：20px；
宽度：90%；
高度：1米；
边框顶部：2个实心#A8A8；
保证金：0自动；
字体大小：40px；
字体系列：“Hind Guntur”，无衬线；
}
小标题{
宽度：88.8%；
保证金：0自动；
左边框：5px实心#d8d8；
文本缩进：继承；
背景颜色：蓝色；
}
div#quote{
填充顶部：；
垫底：；
左侧填充：20px；
字体系列：“Heebo”，无衬线；
字号：18px；
身高：50%；
背景色：红色；
保证金：0自动；
}
div#vis{
左边距：20px；
字体系列：“Heebo”，无衬线；
背景色：红色；
身高：50%；
}
五区分区{
高度：30vh；
背景色：#F5；
}

试验
第一组

第2组

设置

#副标题p

页边距：0；

。您在

#vis

上有一个

页边距：20px；

将其向右推，对其进行注释或删除，添加一个

左填充：20px；

以将文本与div1对齐，但可以随意删除它。此外，您在

paddin上有空值g

s，我也对其进行了评论

html{
溢出：
}
身体{
溢出y：自动；
溢出x：隐藏；
高度：100vh；
保证金：0；
/*删除默认保证金*/
过渡性质：背景位置；
}
#分目p{
保证金：0；
}
分区#集装箱{
身高：100%；
保证金：0；
}
分区#静态导航{
宽度：100%；
高度：2米；
填充顶部：10px；
位置：固定；
z指数：999；
}
.静态导航已满{
背景色：#3A3DF；
过渡色：背景色2s；
不透明度：.90；
}
navbar先生{
字体系列：“源Sans-Pro”，无衬线；
右边填充：20px；
背景色：透明；
文本对齐：右对齐；
}
静态导航a分区{
颜色：白色；
文字装饰：无；
右边填充：20px；
}
静态导航a：悬停{
颜色：#8E8E8E；
}
第一区，
第二区，
第三区，
第四区{
高度：100vh；
z指数：1；
填充顶部：51px；
宽度：100%；
}
第一区{
背景图片：url(https://images5.alphacoders.com/439/thumb-1920-439361.jpg);
背景尺寸：封面；
背景附件：固定；
过渡：所有0.2秒缓解；
-webkit过渡：所有0.2秒轻松；
背景重复：无重复；
位置：相对位置；
}
部门标志{
背景图片：url(http://www.clker.com/cliparts/C/k/d/o/B/3/white-peace-sign-hi.png);
背景尺寸：包含；
背景位置：中心；
背景重复：无重复；
背景附件：固定；
身高：100%；
z指数：-1；
}
.标题{
填充顶部：10px；
垫底：20px；
宽度：90%；
高度：1米；
边框顶部：2个实心#A8A8；
保证金：0自动；
字体大小：40px；
字体系列：“Hind Guntur”，无衬线；
}
小标题{
宽度：88.8%；
保证金：0自动；
左边框：5px实心#d8d8；
文本缩进：继承；
背景颜色：蓝色；
}
div#quote{
/*填充顶部：；
垫底：*/
左侧填充：20px；
字体系列：“Heebo”，无衬线；
字号：18px；
身高：50%；
背景色：红色；
保证金：0自动；
}
div#vis{
/*左边距：20px*/
左侧填充：20px；
字体系列：“Heebo”，无衬线；
背景色：红色；
身高：50%；
}
五区分区{
高度：30vh；
背景色：#F5；
}

试验
第一组

第2组

设置

#副标题p

页边距：0；

。您在

#vis

上有一个

页边距：20px；

将其向右推，对其进行注释或删除，添加一个

左填充：20px；

以将文本与div1对齐，但可以随意删除它。此外，您在

paddin上有空值g

s，我也对其进行了评论

html{
溢出：
}
身体{
溢出y：自动；
溢出x：隐藏；
高度：100vh；
保证金：0；
/*除去脱脂
#subhead p {
  margin: 0;
}

#vis p {
  margin: 0;
}