Html 如何删除网页底部的空白？（IE/Edge）

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

在IE&Edge上的仅边缘和职业页面（我不能发布超过2个链接）

---

（在IE&Edge上）

我有这个问题，认为这与我使用的视差效果有关。最后，我把我的高度从像素改为百分比，这样就把它清除了，而不影响其他任何事情

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

---

这是我遇到过的最讨厌的bug之一。

---

对我来说，在Edge和IE10上，如果html/body元素的行高不是

1

，就会产生这种情况。此外，即使不是1，如果我有足够的页面内容（比如说，当前视口高度的150%），如果页面内容量小于前面提到的值，问题也会消失。

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

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

---

页脚：行高：.9@ovokuro这很奇怪，因为我不知道原因，但它起作用了，谢谢@奥沃库罗，等等。。我已经在flatrockoutsourcing.com（本地不是实时版本）的页脚上应用了行高：.9，现在其余页面的页脚下有相同的白线。。