漂浮明显页脚边缘白色差距问题

Question

我的html文档底部有一个白色间隙的问题，并且认为问题在于组合使用浮动，清除，显示属性，但我不确定。

我在页面的主持牌div中包含了一个页脚。这个页脚的边距为50px，可以提供所需的布局，但问题是在较小的屏幕上（比如我的笔记本电脑，这是标准尺寸的笔记本电脑），html和页面底部之间似乎有一个白色的间隙 - 它看起来不仅仅是持有者div，而且html并没有“清除”超过页脚顶部的页脚。

这是网址，因为它解释起来很棘手，我相信我已经接近解决了浮动，清除和删除保证金但不能完全达到目标......任何想法？我很感激指点：

http://tinyurl.com/7ywoqpf

这是问题的图片。

Answer 1

尝试下面的css - 编辑你的style.css第115行

footer {
    border-top: 2px solid gray;
    width: 805px;
}

删除margin-top: 50px;

见下图，查看页脚空白区域中的更改已删除。

<强>更新

尝试删除这个也是style.css第212行

html {height:100% }

Answer 2

删除margin-top，你将摆脱底部间距。但是你需要将页脚移动到主体部分，使其跨越，而不仅仅是内部div。