如何删除网页底部的空白区域？ （IE /边缘）

Question

好的。我知道有几十个类似的线程。我几乎检查了每一个，但找不到可行的解决方案。我已经尝试了负边距，最小高度，最大高度，绝对页脚，背景颜色到身体，甚至推出溢出：隐藏到页面中的所有主要容器。然后把clearfix类推到所有的主要容器上，尝试放入边框但边框显示在这个空间下面？我还在浏览器检查器中取消选中了body上的line-height属性，该属性设置为1并使白线消失，但我需要该行高，这似乎不是一个合法的解决方案。那么...底部的1px空白区域仍显示在我工作的这两个网站的某些页面上，仅在Internet Explorer（最新）和MS Edge（最新）上显示。这些是指向特定页面的链接：

IE和Edge上的仅限Edge和Careers页面上的http://www.flatrocktech.com/（我不能发布超过2个链接）

http://flatrockoutsourcing.com/services.html（在IE＆Edge上）

Answer 1

这是我遇到的烦人的错误之一。对我来说，在Edge和IE10上，如果html / body元素的行高不是1，则会导致它。此外，即使它不是1，如果我有足够的页面内容（比方说，当前视口高度的150％），如果页面内容量少于之前提到的话，问题就会消失。

Answer 2

我有这个问题，并认为它与我使用的视差效果有关。我最终将高度从像素更改为百分比，并将其清除而不会影响其他任何内容。

.footer {
  background-image: url('images/filler4.jpg');
  background-repeat: no-repeat;
  height: 100%;
  background-attachment: fixed;
  background-size: cover;
}