Html 我的导航条怎么了？

由于某种原因，我的导航栏比它应该的要大。至少我认为这是我的导航栏。每当我删除

#rect

时，它就会消失。这里有什么问题

#标语{
字体：斜体；
右侧填充：150px；
左侧填充：10px；
}
导航{
背景色：白色；
显示器：flex；
对齐项目：居中；
溢出：隐藏；
}
#标志{
填充顶部：8px；
左侧填充：30px；
垂直对齐：中间对齐；
}
李，李>a{
文字装饰：无；
列表样式类型：无；
颜色：黑色；
显示：内联块；
浮动：对；
填充：5px10px 5px10px；
}
a:悬停{
背景色：#7BC1D；
颜色：白色；
}
.active{
背景色：#7BC1D；
颜色：白色；
}
#主背景{
背景图像：url（'https://s15.postimg.org/ra1dhmjkb/main-bg.png');
背景大小：100%100%；
高度：500px；
保证金：0；
}
#直肠{
背景色：白色；
位置：相对位置；
顶部：50px；
左：100px；
宽度：400px；
高度：400px；
文本对齐：居中；
}
氢{
填充顶部：15px；
页边距底部：0；
}
跨度{
保证金：0；
}
#注册按钮{
文字装饰：无；
填充：10px 20px 10px 20px；
背景色：#7BC1D；
颜色：白色；
}

实时、1对1、灵活且个性化







完成高中外语要求的三个步骤
方便的日程安排：选择适合您日程安排的课程。


互动课程：通过
现场个人课程学习。


获得批准学分：获得学分
以满足高中要求。

您还没有将

#rect

设置为块元素，而

h2

边距将整个内容向下拉

#rect h2{margin-top:0;}

---

这是因为在浏览器的用户代理样式表中设置了边距。您可以在自己的css中链接并设置所需的边距