Html Can'；t消除容器和；页脚

我正在为我的朋友创建一个网站，目前我有两个问题似乎无法解决：

我似乎无法消除主容器和页脚之间的空白。从背景图像底部到页脚有一小条白色

当浏览器窗口缩小（特别是缩小到屏幕宽度的一半）时，页脚后会出现空白

有人能帮我吗？谢谢

正文{
边际：0px；
字体大小：62.5%；
填充：0px；
}
标题{
宽度：100%；
高度：90px；
背景色：#000000；
}
#家的标志{
位置：相对位置；
浮动：左；
左：5%；
宽度：20%；
顶部：7.5px；
}
#标志{
高度：75px；
宽度：300px；
}
导航{
位置：相对位置；
浮动：对；
右：5%；
宽度：35%；
高度：50px；
顶部：20px；
}
保险商实验室{
边际上限：0px；
边缘底部：0px；
位置：相对位置；
顶部：6.5px；
}
李{
显示：内联块；
左缘：2.5%；
保证金权利：2.5%；
位置：相对位置；
列表样式类型：无；
填充顶部：0px；
}
.导航链接{
字体系列：“PT Sans”，无衬线；
颜色：#FFFFFF；
字体大小：1.2米；
文本转换：大写；
行高：37px！重要；
文字装饰：无；
}
.导航链接：链接{
颜色：#ffffff；
}
.导航链接：已访问{
颜色：#ffffff；
}
.nav_链接：悬停{
颜色：#dddddd；
}
#视频容器{
位置：相对位置；
垫底：56.25%；
填充顶部：30px；
身高：0；
溢出：隐藏；
}
#视频_容器iframe，
.视频容器对象，
.视频容器嵌入{
位置：绝对位置；
顶部：100px；
左：17.5%；
宽度：65%；
身高：65%；
}
#主集装箱{
背景图像：url（“../images/background.jpg”）；
背景尺寸：封面；
边际：0px；
}
页脚{
背景色：#000000；
高度：50px；
宽度：100%；
边际：0px；
}
.版权所有{
颜色：白色；
字体系列：“PT Sans”，无衬线；
字体大小：1.2米；
位置：相对位置；
文本对齐：居中；
顶部：15px；
}

超级狗产品














版权与复制；2016版权所有

这可能是页脚

上的默认上下边距，请重置该边距并参见

.copyright {
  margin: 0;
}

---

它可能是页脚中

上的默认上下边距，请重置该边距并参见

.copyright {
  margin: 0;
}

可能的指导：可能的指导：