Html 一页网站中两个Div之间的间隙

我正在尝试创建一个包含100%宽度的不同div的页面

但是，当我在div的顶部插入一个'h2'时，它会在两个div之间创建一个间隙

指定顶部边距可以消除此间隙，但我只希望“h2”位于顶部

这是

HTML:

html， 身体{ 身高：100%！重要； 宽度：100%！重要； 边际：0px； 填充：0px； } 梅因迪夫先生{ 高度：500%！重要； 宽度：100%！重要； } .第页{ 身高：20%！重要； 宽度：100%！重要； 文本对齐：居中； } 海德尔迪夫{ 身高：15%； 位置：固定； 背景色：7f4c76； 宽度：100%； 盒影：0px 5px 5px rgba0,0,0,0.4； } 第一组{ 垫面：5%； 背景色：334960； } 第二组{ 背景色：f17c72； } 第三组{ 背景色：32ac97； } 第四组{ 背景色：黑色； } 第五组{ 背景颜色：黄色； } h1{ 颜色：E6； 左边距：50像素； 字体系列：MS Sans Serif，日内瓦，Sans Serif； 字体大小：300%； 文本阴影：0px 5px 5px rgba0,0,0,0.4； } 氢{ 颜色：E6； 字体大小：正常； 字体系列：“Signika”，无衬线； 字体大小：300%； } CSS3演示 文本效果演示 过渡演示 动画演示 多列 多列

---

如果我理解正确，您希望来自HeaderDiv的页边距顶部：0px；如果这是您想要的，那么修复非常简单：

#headerDiv h1 {
    margin-top:0px;
}

或者，如果您希望它仅是headerDiv的直系后代，您可以执行以下操作：

#headerDiv > h1 {
    margin-top:0px;
}

在这里，您可以找到更新的小提琴：

在看到最近添加的屏幕截图后，您可以通过简单地使页面类显示：inline块来修复此问题，这里有一个更新的fiddle:

将此添加到您的h2中

h2 {
margin:0;
}

您的问题是您的div有一个默认边距，可以使用此样式覆盖其中的边距

h2 {
    color: #E6E6E6;
    font-weight: normal;
    font-family: 'Signika', sans-serif;
    font-size: 300%;
    margin-top:0;

}
#div1 h2 {
    padding-top: 1em
}

---

你是什么意思？您可以添加一个屏幕截图吗？您可以增加headerDiv填充顶部和headerDiv的高度。还有另一种使用方法jqurey@roNn23补充screenshot@JentiDabhi问题不在海德尔迪夫身上。。这是div1和div2之间的差距，只需在h2中添加边距：0谢谢。。工作。。我可以知道原因吗？@SurajS默认情况下h2有上下边距。所以它会自动把所有东西推到上面。删除边距会占用它在顶部添加的空间。所以它不会推任何东西。我希望这是有意义的谢谢你，菲利普。。收到了@jbutler483谢谢