Html div元素之间的间隙

我希望能得到一些帮助，解决一些涉及div的问题

我正在做一个Udemy课程来重建BBC网站，我已经到了一个地步，我有一些关于内容的div，但它们之间有一个差距

正文{
保证金：0；
填充：0；
字体系列：Helvetica，Arial；}
#顶栏{
宽度：1050px；
保证金：0自动；
高度：40px；}
#巴克罗戈{
边缘顶部：8px；
浮动：左；
右边距：10px；
}
.顶杆部分{
浮动：左；
左边框：1px实心#中交；
身高：100%；
}
#意义{
利润率：10px 15px；
高度：20px；
浮动：左；
}	
#登录文本{
字体大小：粗体；
字体大小：14px；
位置：相对位置；
顶部：12px；
右边填充：65px；
}						
#签名部{
浮动：左；
}	
#摇摆线{
高度：40px；
浮动：左；
}
#贝洛图像{
高度：26px；
利润率：7px 15px 7px 12px；
浮动：左；
}	
.顶栏菜单{
字体大小：粗体；
字体大小：14px；
填充：13px 13px 0 13px；
高度：27px；
}
#更多箭头{
高度：4px；
左边距：25px；
}
#搜索框{
背景色：#e4；
边界：无；
字体大小：粗体；
字体大小：15px；
填充物：5px；
保证金：8px 0 8px 8px；
浮动：左；
}	
#放大镜{
边缘顶部：8px；
高度：27px；
}	
.清楚{
明确：两者皆有；
}	
#菜单栏容器{
背景色：#BB1919；
宽度：100%；
高度：60px；
}	
#菜单栏{
宽度：1050px；
保证金：0自动；
}	
h1{
保证金：0；
填充：0；
颜色：白色；
字体大小：40px；
字体大小：正常；
填充顶部：10px；
浮动：左；
}	
#地方新闻{
浮动：对；
边框：1px实心#BB4545；
宽度：175px；
利润率：15px 10px；
填充物：5px 5px 4px 5px；
}	
#本地新闻{
颜色：白色；
文字装饰：无；
字体大小：20px；
位置：相对位置；
顶部：-2px；
}
#当地新闻：悬停{
文字装饰：下划线；
}
#本地新闻{
高度：20px；
左侧填充：10px；
}
#菜单栏-容器-2{
宽度：100%；
背景色：#A91717；
显示：块；
}	
#菜单栏-2{
宽度：1050px；
保证金：0自动；
高度：35px；
显示：块；
}							
#菜单栏-2A{
颜色：白色；
文字装饰：无；
填充：0 16px；
右边框：1px实心#BB4545；
字体大小：12px；
位置：相对位置；
顶部：9px；
浮动：左；
}

登录
新闻
运动
天气
iPlayer
电视
无线电
更多
新闻

谢谢你对我问题的建议

正如我在上一篇评论中提到的，是div的高度造成了这个间隙（它不够高）。我想这是由于另一个元素的填充物将下半部分向下推，所以当我增加高度时，它使所有东西对齐

---

我仍然在学习很多关于网络开发的知识，我很感谢大家的回复。我相信在这过程中我会学到更多。非常感谢

因此，尝试通过更改为

（中间没有换行和缩进）来删除空格。哪些div有间隙？他们在这里看起来都很好，虽然你确实有严重的Iditis。你在使用css重置吗？嗨，谢谢你的回答。Sirko-我试图删除空白，但遗憾的是没有任何效果。R Reveey-间隙在菜单栏容器和菜单栏容器2之间。我也没有使用CSS重置（据我所知，除非浏览器使用自己的CSS重置，可能是因为我的浏览器中的结果与运行代码段时的结果不同）。这是它看起来像什么的链接你好。我发现了问题所在，自己把脸捂住了。我增加了菜单栏容器的高度，这似乎解决了问题。我不完全清楚为什么下一个div没有直接浮到它下面，但它似乎已经成功了。非常感谢您的时间和建议您不应该回答自己的问题