html - 如何去除网页底部的空白？ (IE/边缘)

Question

好的。我知道有几十个类似的线程。我几乎检查了每一个，但找不到可行的解决方案。我试过负边距、最小高度、最大高度、绝对页脚、正文背景颜色，甚至将溢出:隐藏到页面中的所有主要容器。然后将 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 上)

Answer 1

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