html - float 清除页脚边距白色间隙问题

Question

我的 html 文档底部有一个白色间隙，我认为问题出在 float 、清除、显示属性的组合使用不当，但我不确定。

我在页面的主要持有人 div 中包含一个页脚。这个页脚有 50px 的 margin-top 以提供所需的布局，但问题是在较小的屏幕上(比如我的笔记本电脑，这是一台标准尺寸的笔记本电脑)在 html 和页面底部之间似乎有一个白色间隙- 看起来不仅是 holder div，而且 html 也没有“清除”带有 margin-top 的页脚。

这是网址，因为它很难解释，我相信我已经接近解决摆弄 float ，清除和删除边距但无法完全到达那里......有什么想法吗？我将不胜感激:

tinyurl.com/7ywoqpf

这是问题的图片。

Answer 1

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

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

移除 margin-top: 50px;

请参阅下图以查看删除的页脚空白区域的变化。

更新:

尝试删除这个 style.css line 212

html {height:100% }