如何去除网页底部的空白？（IE/边缘）答案

【问题标题】：How to remove white space at the bottom of webpage? (IE/Edge)如何去除网页底部的空白？（IE/边缘）
【发布时间】：2018-02-07 22:58:48
【问题描述】：

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

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

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

【问题讨论】：

footer: line-height: .9;
@ovokuro 这很奇怪，因为我不明白造成这种情况的原因，但它正在工作，所以谢谢！
@ovokuro 等待.. 我已将 line-height: .9 应用于 flatrockoutsourcing.com 的页脚（本地不是实时版本），现在其余页面具有相同的白线在页脚下..

标签： html css internet-explorer microsoft-edge removing-whitespace

【解决方案1】：

如果您为页脚设置高度，则在 IE 或 Edge 上会出现此问题。删除高度并设置填充，就像您的设计中的页脚而不是高度一样。然后将页脚行高设置为正常。

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

【讨论】：