Html 元素之间有一个间隙，它吞噬了我的大脑

下面是两个HTML元素-部分和页脚之间的间隙

/*联系方式*/
#接触{
最小高度：500px；
高度：自动；
}
#联系方式，联系方式{
背景#93cb52；
宽度：50%；
身高：100%；
}
#联系方式。联系方式p{
文本对齐：居中；
字体大小：16px；
垫底：1.3rem；
}
#联系方式，联系方式h1{
文本对齐：居中；
垫面：1.3rem；
}
#联系人。联系人表单。输入{
显示器：flex；
弯曲方向：立柱；
填充：0px；
}
#联系人。联系人表单标签{
颜色：白色；
填充：10px；
}
.i20{
填充：10px；
利润率：10px 20px；
}
.提交btn{
颜色：白色；
文本对齐：居中；
背景：#333；
保证金：自动；
填充：1rem2rem；
边界半径：40px；
边缘底部：20px；
边缘顶部：20px；
}
/*页脚*/
#页脚{
高度：200px；
背景：#333；
颜色：白色；
文本对齐：居中；
}
#页脚p{
位置：相对位置；
最高：50%；
}

联系我们
我的同僚们都是精英。比泰，你说什么

名称
电子邮件
电话号码
消息
版权及副本；撒哈拉股权，保留所有权利

尝试在css文件顶部添加重置css。 您也可以使用下面的代码，但添加重置css代码是更好的方法

*{
   padding:0;
   margin:0;
}

你应该使用css重置

或者只是

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

---

问题来自段落元素的默认边距。只需将其

边距顶部

设置为

0

，间隙就会消失

/*联系方式*/
#接触{
最小高度：500px；
高度：自动；
}
#联系方式，联系方式{
背景#93cb52；
宽度：50%；
身高：100%；
}
#联系方式。联系方式p{
文本对齐：居中；
字体大小：16px；
垫底：1.3rem；
}
#联系方式，联系方式h1{
文本对齐：居中；
垫面：1.3rem；
}
#联系人。联系人表单。输入{
显示器：flex；
弯曲方向：立柱；
填充：0px；
}
#联系人。联系人表单标签{
颜色：白色；
填充：10px；
}
.i20{
填充：10px；
利润率：10px 20px；
}
.提交btn{
颜色：白色；
文本对齐：居中；
背景：#333；
保证金：自动；
填充：1rem2rem；
边界半径：40px；
边缘底部：20px；
边缘顶部：20px；
}
/*页脚*/
#页脚{
高度：200px；
背景：#333；
颜色：白色；
文本对齐：居中；
}
#页脚p{
位置：相对位置；
最高：50%；
边际上限：0；
}

联系我们
我的同僚们都是精英。比泰，你说什么

名称
电子邮件
电话号码
消息
版权及副本；撒哈拉股权，保留所有权利

最小高度：500px

是问题的根源，表单占用了

500px

的les，剩余的空间就留在那里，在移除最小高度后仍然保持不变