Html 如何消除图像后的间隙？

没有完全确定发生了什么，但我有一个很大的差距后的顶部图像。我一直在调整代码，使其具有响应性，然后添加了此图像，所有内容都被丢弃。任何关于我做错了什么的想法。理想情况下，图像更接近下面的两列内容

我试着弄乱了flexbox和图像，nada正在发生

html{
宽度：960px；
字体大小：100%；
字体系列：“Arial”，无衬线；
颜色：#112271；
保证金：0自动；
}
.柔性容器{
宽度：960px；
显示器：flex；
弯曲方向：行；
柔性包装：包装；
}
.横幅图像{
宽度：960px；
最小高度：50px；
背景：#112271；
填充顶部：10px；
左侧填充：20px；
垫底：10px；
}
.横幅图像h1{
颜色：白色；
}
.主题侧栏{
宽度：320px；
填充顶部：40px；
}
.主要内容{
宽度：640px；
填充顶部：40px；
}
·个别职位{
边缘底部：50px；
}
.主要内容p.返回链接{
边缘底部：50px；
}
/*返回index.html的链接的左箭头*/
我{
边框：实心#112271；
边框宽度：0px 2px 2px 0px；
填充物：5px；
显示：内联块；
}
.左{
变换：旋转（135度）；
-webkit变换：旋转（135度）；
}
保险商实验室{
列表样式类型：无；
填充：0；
线高：2；
}
a:链接，a:已访问{
颜色：#112271；
}
a:悬停{
颜色：#F09F08；
}

HTML和CSS备忘单
HTML和CSS备忘单
话题


最近的职位
|最后更新日期：2019年12月3日

这是网页的基本布局

|最后更新日期：2019年12月3日

每个HTML页面必须包含对外部样式表文件的引用

|最后更新日期：2019年12月3日

CSS框模型本质上是一个包装每个HTML元素的框。它包括：边距、边框、填充和实际内容

你只需要摆脱

padding-top: 40px

在.main内容和.topics侧边栏中

或者将它们更改为您想要的任何值

更好的解决办法是设置

margin-bottom : (YOUR_VALUE)px

---

这是否回答了您的问题？这不是问题的一部分，但是：在

元素周围不能有

元素。像

这样的“重叠”元素也是不允许的。你指的是什么图像？我看不到你指的是什么图像..哦，呸！令人惊叹的。谢谢