如何在HTML/Css中删除此白色边框/边距

我正在学习HTML/CSS，当我尝试创建一个示例网站时，我在网站顶部得到了一个白色边框

问题的屏幕截图：

正文{
保证金：0；
}
标题{
背景图像：线性梯度（rgba（0,0,0,0.5），rgba（0,0,0.5）），url（bg.jpg）；
高度：100vh；
背景尺寸：封面；
}
主导航
{
浮动：对；
文本转换：大写；
列表样式：无；
}
ul.main-nav-li
{
显示：内联块；
}
主导航a
{
颜色：白色；
字号：17px；
填充：5px20px；
文字装饰：无；
字体系列：“roboto”，无衬线；
}
ul.main-nav li.active a{
边框：1px实心达克朗格；
}
主导航李a：悬停
{
边框：1px实心达克朗格；
}
.logo img
{
宽度：100px；
高度：自动；
浮动：左；
}
分区行
{
最大宽度：1200px；
保证金：自动；
}
英雄
{
位置：绝对位置；
}
h1
{
字体大小：70px；
字体系列：“机器人”；
文本对齐：居中；
颜色：白色；
填充：250px；
}

商业网站







你准备好了吗？

尝试在标题标记中使用

填充：0

。另外，值得一看您的浏览器调试部分。按F12键，它将打开一个窗口，您可以在其中检查和分析您正在使用的HTML/CSS/javascript。当您想在不刷新页面的情况下测试某些更改时，这非常有用。

您是否在开发工具中签入了导致空间溢出的原因？添加`overflow:auto；`在h1和页眉之间进行标记。。由于您没有清除浮动属性，因此

h1的
margin:0
@PatrickMlr不确定这是合适的解决方案。。。他需要清除float，因为问题不仅在于margin，还在于包含float元素的容器正在崩溃