Html 删除div之间的垂直空白

我目前正在尝试创建一份包含不同部分的HTML/CSS版本的简历（标题包括姓名和联系信息、经验、教育等）

每个垂直堆叠的div之间有很多空白，我似乎无法消除

#标题{
身高：15%；
宽度：98.5%；
显示：相对；
背景：#C3CDD4；
} 
#标题p{
字体系列：Verdana，日内瓦，无衬线；
}
#名字{
字体大小：40px；
浮动：左；
左：20px；
底部：100px；
顶部：-10px；
位置：相对位置；
}
#地址{
顶部：20px；
左：360px；
位置：相对位置；
}
#接触{
顶部：10px；
左：300px；
位置：相对位置；
}
.分目{
左边距：25px；
显示：相对；
背景：红色；
}
.副标题{
字体：30px Verdana打火机；
}
.线路{
利润上限：-25px；
左边距：20px；
高度：1px；
宽度：96%；
背景色：黑色；
显示：相对；
}
.内容{
左边距：30px；
身高：15%；
宽度：100%；
背景：蓝色；
}
.内容p{
保证金：5px；
}
.左，.右{
高度：100px；
垂直对齐：顶部；
}
.左{
显示：内联块；
宽度：60%；
}
.左p{
字体系列：Verdana；
字体大小：15px；
顶部：6px；
位置：相对位置；
}
.对{
显示：内联块；
宽度：35%；
}
.对{
字体系列：Verdana；
字体大小：15px；
顶部：6px；
位置：相对位置；
}
#毕业典礼{
左：335px；
位置：相对位置；
}
#毕业日期{
左：415px；
位置：相对位置；
}
.地点{
字体大小：粗体；
}
#试验{
位置：相对位置；
背景：黄色；
}

文森特·乔·库尔

库尔路29283号

383.292.2793·joekool@gmail.com
教育

加州大学欧文分校

唐纳德·布伦信息与计算机科学学院

计算机科学理学学士

预期毕业
2020年6月
经验

删除

p

的默认

边距


#标题{
身高：15%；
宽度：98.5%；
显示：相对；
背景：#C3CDD4；
} 
#标题p{
字体系列：Verdana，日内瓦，无衬线；
}
p{
保证金：0；
}
#名字{
字体大小：40px；
浮动：左；
左：20px；
底部：100px；
顶部：-10px；
位置：相对位置；
}
#地址{
顶部：20px；
左：360px；
位置：相对位置；
}
#接触{
顶部：10px；
左：300px；
位置：相对位置；
}
.分目{
左边距：25px；
显示：相对；
背景：红色；
}
.副标题{
字体：30px Verdana打火机；
}
.线路{
左边距：20px；
高度：1px；
宽度：96%；
背景色：黑色；
显示：相对；
}
.内容{
左边距：30px；
身高：15%；
宽度：100%；
背景：蓝色；
}
.内容p{
保证金：5px；
}
.左，.右{
高度：100px；
垂直对齐：顶部；
}
.左{
显示：内联块；
宽度：60%；
}
.左p{
字体系列：Verdana；
字体大小：15px；
顶部：6px；
位置：相对位置；
}
.对{
显示：内联块；
宽度：35%；
}
.对{
字体系列：Verdana；
字体大小：15px；
顶部：6px；
位置：相对位置；
}
#毕业典礼{
左：335px；
位置：相对位置；
}
#毕业日期{
左：415px；
位置：相对位置；
}
.地点{
字体大小：粗体；
}
#试验{
位置：相对位置；
背景：黄色；
}

文森特·乔·库尔

库尔路29283号

383.292.2793·joekool@gmail.com
教育

加州大学欧文分校

唐纳德·布伦信息与计算机科学学院

计算机科学理学学士

预期毕业
2020年6月
经验

查找css重置样式。有默认样式提供元素的边距。你是说这是浏览器呈现差异的问题吗？我试过Chrome和Firefox，它们都产生相同的输出，但我会研究一下。