Html 如何消除div之间的空白

我在一个学校项目的网站上工作，我遇到了问题，因为我的两个分区之间出现了一个空白

我想删除它，但我不知道怎么做。。。 如果有人能帮助我，我会很高兴，因为我尝试了各种方式！ 提前感谢，如果您需要更多信息或代码不易理解，请询问我：）

.imghome{
最大宽度：100%；
背景图像：线性梯度（268.06度，rgba（0,0,0,0）16.53%，rgba（235,235,235,0.110625）57.07%，rgba（245248250,0.13）60.5%，url（thumb-1920-671540.jpg）；
}
.homebutton{
字体系列：Lato；
字体风格：普通；
字体大小：粗体；
字体大小：16px；
线高：19px；
文本对齐：居中；
字母间距：0.03em；
文本转换：大写；
颜色：#F5F8FA；
高度：70像素；
宽度：315px；
z指数：10；
边界半径：0px；
背景#BD1B1D；
边界半径：10px；
位置：绝对位置；
左：41.17%；
右：38.96%；
最高：77.62%；
底部：32.21%；
}
分区集装箱{
位置：相对位置；
文本对齐：居中；
溢出：自动；
明确：无；
填充：0；
保证金：0；
}
h1.电影名称{
垫面：3%；
位置：绝对位置；
宽度：45%；
身高：20%；
左：2%；
最高：20%；
字体系列：Nunito Sans；
字体风格：普通；
字体大小：粗体；
字体大小：5.5vw；
线高：142px；
/*与箱子高度相同*/
字母间距：-0.02em；
}
p、 电影中轴{
填充：4%；
位置：绝对位置；
宽度：40%；
左：2%；
最高：38%；
文本对齐：左对齐；
字体系列：Lato；
字体风格：普通；
字体大小：正常；
字体大小：1.5vw；
线高：150%；
颜色：#000000；
文本阴影：0px 4px 4px rgba（0,0,0,0.55）；
}
.页脚{
背景色：#BD1B1D；
垫底：2%；
明确：两者皆有；
保证金：0；
溢出：自动
}

可恶的八人
我们需要一种文明的美好生活，一种怀俄明的美好生活，一种新的生活方式，一种新的生活方式
斯科普里薄膜

版权所有Andrea Velletta

---

我认为这是因为浏览器应用了默认的边距，简单地将代码放在样式表文件的顶部，并看到结果，希望它能解决您的问题

欢迎使用堆栈溢出！绝对定位是一种非常糟糕的网页布局方法。它极不灵活，而且有更好、更灵活的选择。“签出”已经执行了，但不起作用：/

*{ margin: 0; padding: 0;}