Html 为什么我的导航栏和横幅之间有空白？

出于某种原因，我将横幅和导航栏的边距设置为0，但它们之间仍有一个空格。我怎样才能解决这个问题

CSS

HTML

3774队网页









欢迎来到3774机器人团队！
蜂巢电压3774是最高级的
（及初级）
巴约恩高中的工程队。团队
是否有高级工程课程的一部分
在巴约恩高中。这支队伍经验最丰富
联邦贸易委员会的学生。他们中的许多人都是非常有能力的学生
他们做过各种stem活动。我们计划学习
本季工程的几个方面，但我们也打算
玩得高兴
然而，我们的主要目标是作为一个团队成长。我们计划成长
作为个人，作为一个单位或团队进行协作。
此外，我们计划让我们的社区接触到奇妙的事物
机器人技术的应用，以及在现实生活中的许多方面的卓越表现
工程和实际应用。因此,，
蜂箱电压3774#高电压

---

我正在为我的高中机器人团队建设网站。网站名为robothive3774.com

，因为内联元素的默认垂直对齐方式（在您的情况下，横幅中的图像）是基线，并且您希望顶部：

.Banner img {
    vertical-align:top;
}

---

尝试

显示：flex.Banner

样式下的code>

---

将图元显示为块级flex容器。CSS3中的新功能是因为图像的高度：

<img src="/Images/Banner.png" height="200" width="1350">

垂直对齐的默认值为基线。将其更改为顶部。为什么不将图像设置为显示为

block

？@disifor-为什么更改垂直对齐的显示属性？很好。我真的很好奇，希望这不会对你的正确答案构成挑战。非常感谢。。。。我对CSS和HTML完全陌生，所以我不知道这些元素的自然倾向。@user3362546这里有一些资源可以帮助您了解它们：

.Banner img {
    vertical-align:top;
}

<img src="/Images/Banner.png" height="200" width="1350">