HTML：为什么块元素会产生间隙

我创建了一个带有标题、菜单和内容部分的HTML模板：

#标题{
背景色：红色；
宽度：100%；
高度：85px；
}
#标题下方{
背景颜色：黄色；
位置：相对位置；
高度：200px；
}
#菜单{
背景颜色：蓝色；
位置：绝对位置；
宽度：200px；
高度：150像素；
}
#内容{
左填充：200px；/*菜单*/
背景颜色：绿色；
高度：150像素；
}
标题
菜单
内容
标题下方

这里让您感到困扰的是H1通常有一个默认边距，因此您需要删除它