1

我在页面的最底部遇到了背景图像的奇怪截断。只有当您有一个较短的浏览器窗口并滚动到最底部时，这一点才很明显。它只发生在较长的页面上。

Firebug 检查显示了一个 viewport-width 元素，它在浏览器窗口的最底部完全伸展，大约 50 像素高，似乎“阻挡”了它，但这与我的布局中的任何 div 都不对应——我可以找到，反正！

<HTML lang="en-us">此外，当滚动这个奇怪的元素时，它是在 Firebug 中突出显示的第一行。

较长的页面：http ://bit.ly/151TFnW

============跟进===================

按照此处有用的建议，我通过从 BODY 样式中删除 100% 高度来修复上述问题。但这会破坏其他东西！现在，在这个较短的页面上：

短页：http ://bit.ly/1fvbnHY

当浏览器窗口足够高以显示它时，背景图像仍然在底部被切断。

删除 BODY 上的 100%，第二个较短的页面很好 - 完整的 bg 图像和底部边距 - 但早期链接的问题又回来了。

帮助....！！！

4

2 回答 2

0

据我所知，它看起来是由height分配给body. 当我删除该规则时，大部分差距都会消失。我假设最后一点来自页脚溢出的一些边距。

于 2013-09-17T05:06:03.117 回答
0

好吧，它可能被认为是正确的修复，也可能不被认为是正确的修复，因为它没有解决为什么有问题的页面对“100% 高度的正文”设置的反应与网站的其他部分不同的原因......但我解决了它通过使用 CSS 来定位它，以便问题页面根本不会收到该 CSS 规则。

所以，松了口气，但我也意识到我并没有真正弄清楚它为什么会这样做。

于 2013-09-24T02:38:46.370 回答