Html 为什么我的div之间有一个随机条

所以我不知道为什么这个酒吧在这里：

这是。我要把黄色的条子去掉

以下是代码片段中的相同代码：

正文{
填充：0；
保证金：0；
背景色：#fff9e8；
}
托普纳夫先生{
背景色：#edeff2；
溢出：隐藏；
边框顶部：1件纯黑；
边框底部：1px纯黑；
宽度：100%；
填充：0；
}
.topnav a{
浮动：左；
显示：块；
颜色：黑色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
字体系列：“Fresca”，无衬线；
}
.topnav a:悬停{
背景色：#ddd；
颜色：黑色；
}
.topnav a.active{
背景色：#4CAF50；
颜色：白色；
}
.主要内容{
宽度：1000px；
保证金：0自动；
背景色：#fff；
填充顶部：25px；
}
.infotexta{
文本对齐：居中；
}
img{
背景色：#fff；
保证金：0；
填充：0；
}
米德尔巴先生{
高度：50px；
边框顶部：1件纯黑；
边框底部：1px纯黑；
宽度：100%；
背景色：#edeff2；
填充：0；
保证金：0；
}
.主图像正面{
填充：0；
保证金：0；
宽度：100%；
高度：400px；
}

占位符
占位符
您的文本在此您的文本在此
您的文本在此您的文本在此
您的文本在此您的文本在此
您的文本在此您的文本在此

显示黄色条是因为里面有图像

如果要在下面的蓝色条中覆盖图像，可以将

.topimage

设置为

position:absolute

正文{
填充：0；
保证金：0；
背景色：#fff9e8；
}
托普纳夫先生{
背景色：#edeff2；
溢出：隐藏；
边框顶部：1件纯黑；
边框底部：1px纯黑；
宽度：100%；
填充：0；
}
.topnav a{
浮动：左；
显示：块；
颜色：黑色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
字体系列：“Fresca”，无衬线；
}
.topnav a:悬停{
背景色：#ddd；
颜色：黑色；
}
.topnav a.active{
背景色：#4CAF50；
颜色：白色；
}
.主要内容{
宽度：1000px；
保证金：0自动；
背景色：#fff；
填充顶部：25px；
}
.infotexta{
文本对齐：居中；
}
img{
背景色：#fff；
保证金：0；
填充：0；
}
米德尔巴先生{
高度：50px；
边框顶部：1件纯黑；
边框底部：1px纯黑；
宽度：100%；
背景色：#edeff2；
填充：0；
保证金：0；
}
.主图像正面{
填充：0；
保证金：0；
宽度：100%；
高度：400px；
}
.topimage{
位置：绝对位置；
}

占位符
占位符
您的文本在此您的文本在此
您的文本在此您的文本在此
您的文本在此您的文本在此
您的文本在此您的文本在此

在图像上设置一个高度，然后在容器上设置相同的高度

---

之前

---

之后

---

您是否尝试过设置topnav边距？它们可能没有设置为0。你能更清楚地知道你想摆脱什么吗？您的屏幕截图与您的小提琴不匹配。@greckoDev那么有没有任何答案可以帮助您实现目标，或者您仍然有问题？

.topimage img {
  height: 200px;
}

.topimage {
  height: 200px;
}