Html 标题1导致div分开

Html 标题1导致div分开,html,css,Html,Css,我的页面有一个问题,它使H1和主页DIV部分之间出现了一个间隙。两个小时后,我似乎无法修复它。谁能告诉我哪里出了问题。我希望顶部横幅和#main区域位于彼此的顶部。目前这两个之间有一个小的差距 正文{ 字体大小:15px; 字体系列:“开放式Sans”,无衬线; 背景色:#f6f6f6; 填充:0; 保证金:0; 边界:0; } #标志{ 宽度:100%; 高度:50px; 背景色:#000; } #主要地区{ 宽度:60%; 高度:自动; 边际上限:0px; 右边距:自动; 左边距:自动;

我的页面有一个问题,它使H1和主页DIV部分之间出现了一个间隙。两个小时后,我似乎无法修复它。谁能告诉我哪里出了问题。我希望顶部横幅和#main区域位于彼此的顶部。目前这两个之间有一个小的差距

正文{
字体大小:15px;
字体系列:“开放式Sans”,无衬线;
背景色:#f6f6f6;
填充:0;
保证金:0;
边界:0;
}
#标志{
宽度:100%;
高度:50px;
背景色:#000;
}
#主要地区{
宽度:60%;
高度:自动;
边际上限:0px;
右边距:自动;
左边距:自动;
背景色:#E70A0E;
高度:250px;
}
h1{
字号:1.5em;
字体系列:“Gill Sans”、“Gill Sans MT”、“Myriad Pro”、“DejaVu Sans Condensed”、Helvetica、Arial、Sans serif;
字体大小:粗体;
字体风格:普通;
左侧填充:15px;
}

这是一个测试

设置
溢出:自动#main区域中添加code>并将
边距:auto
添加到
h1
标记中。

请看,将div放入div时会发生什么:

正文{
字体大小:15px;
字体系列:“开放式Sans”,无衬线;
背景色:#f6f6f6;
填充:0;
保证金:0;
边界:0;
}
#标志{
宽度:100%;
高度:50px;
背景色:#000;
}
#主要地区{
宽度:60%;
高度:自动;
边际上限:0px;
右边距:自动;
左边距:自动;
背景色:#E70A0E;
高度:250px;
溢出:自动;
}
h1{
字号:1.5em;
字体系列:“Gill Sans”、“Gill Sans MT”、“Myriad Pro”、“DejaVu Sans Condensed”、Helvetica、Arial、Sans serif;
字体大小:粗体;
字体风格:普通;
左侧填充:15px;
保证金:自动;
}

这是一个测试

页边空白顶部:0
添加到
h1
?@Chaska非常感谢much@Sarcoma伟大的提示感谢我对voteSee的新认识,当你把div放在div:,边距顶部:0到h1是正确的解决方案吗?