我在页面的最底部遇到了一个奇怪的背景图像截断。只有当你有一个简短的浏览器窗口并滚动到最底层时,它才会显而易见。它只发生在较长的页面上。
Firebug检查显示一个视口宽度元素,完全伸展在最底部的浏览器窗口,大约50px高,似乎是“阻塞”它,但这不符合我布局中的任何div - 我无论如何都可以找到!
此外,当翻过这个奇怪的元素时,它是第一个在Firebug中突出显示的<HTML lang="en-us">
行。
更长的页面:http://bit.ly/151TFnW
============随访==================
根据这里的有用建议,我通过从BODY样式中删除100%高度来修复上述问题。但这打破了别的东西!现在,在这个较短的页面上:
当浏览器窗口足够高以显示此背景时,背景图像仍会在底部被截断。
删除100%的BODY,第二个,较短的页面很好 - 完整的bg图像和底部边距 - 但早期链接的问题会返回。
帮助.... !!!
答案 0 :(得分:0)
据我所知,它看起来是由分配给height
的{{1}}值引起的。当我删除该规则时,大部分差距消失了。我假设最后一点来自页脚溢出的一些边距。
答案 1 :(得分:0)
嗯,它可能会或可能不会被认为是一个正确的解决方案,因为它没有解决为什么有问题的页面对“身高100%高度”设置的反应不同于网站其他部分...但我通过使用CSS定位它来解决它,以便问题页面根本不接收CSS规则。
所以,松了一口气,但是知道我并没有真正理解为什么它正在做它正在做的事情。