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

Question

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

IE上的仅限Edge和Careers页面上的

http://www.flatrocktech.com/边缘（我不能发布2个以上的链接）

http://flatrockoutsourcing.com/services.html（在IE＆amp; 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;
}

Answer 3

如果您设置页脚的高度，则此问题将在IE或Edge上发生。删除高度，然后像设计中那样设置页脚的页脚而不是高度。然后将页脚线的高度设置为正常。

footer {
padding: 1em;
line-height:normal;
}