不需要的空间（Gap）介于两个div之间

Question

我有两个div。一个是图像Slider Div，另一个是页脚Div.Now即将出现的主要问题是这两个div之间存在一些不需要的空间（间隙）我不想要。我希望这些Div是一个接一个没有任何空间，但我无法做到。

这是HTML ..

<div style="padding-top:77px;">
First Slider Div
</div>

<div id="footer" class="footer-shadow">
  Second Footer Div
</div>

这是使用的CSS ..

.footer-shadow
{
position:relative;
background: url('../img/new_images/footer-bg.png') center center no-repeat;
background-size: contain;
height: 300px;
width: 100%;
color: gray;
}

这是我的小提琴链接.. Fiddle Demo

请帮我纠正这个。谢谢..

Answer 1

这很可能是一个浏览器问题，因为它对我们大多数人来说都很好。

通过覆盖浏览器的默认边距，填充等，normaliser应该有助于使所有浏览器保持一致。

查看normalize.css

Answer 2

IT看起来像div之间的正常间距，但如果要删除它，请尝试使用负边距。 例：     margin-top：-8;