谷歌浏览器会截断我的网站,为什么?

时间:2010-02-15 23:16:52

标签: html css google-chrome

有没有人在Google Chrome中看到以下渲染错误:

bug http://community.mediabrowser.tv/uploads/site_1/126/annoying_rendering_bug.jpg

当我导航到http://www.mediabrowser.tv

时偶尔会得到它

是什么原因造成的?有没有解决方法?

5 个答案:

答案 0 :(得分:1)

我现在无法重现这一点,但我在过去看到过类似的情况。通常,当具有背景的元素不是全高时,会发生这种情况。

确保将背景应用于body(默认高度为100%),并且您没有将样式应用于html标记(这将导致正文渲染)。

尝试在接下来发生时检查该白色位。您可能会更深入地了解出现了什么问题。

另一种可能性是页面尚未在底部加载GA代码。如果您的页面末尾的脚本阻塞执行时间太长,您可能会在呈现结束html标记之前看到此内容。

可能相关:Chromium issue 5388

答案 1 :(得分:0)

省略了关闭标记...

可能会省略结束标记。

答案 2 :(得分:0)

我也在Windows XP上运行Google Chrome,而且渲染时没有问题。尝试关闭标签并重新打开,有时会出现缓存类型的错误,就像大多数浏览器偶尔会做的那样。

答案 3 :(得分:0)

部分问题在于在内部浮动元素时指定容器的高度。永远不会扩展父元素以包含浮动子元素。防止这种情况完全崩溃的唯一因素是最后一个div内的p元素。我不确定Chrome有什么不妥,尽管Firefox不同但我现在没有时间进一步研究它。

答案 4 :(得分:0)

这可能是原因,<div style="overflow: auto; height: 400px;">如果您忘记将 overflow:auto 添加到您的样式或样式表中某处发生截断。 IE可以容纳,但不是Chrom和FireFox。某些默认高度是必要的,但还不够。 W3C验证器在没有详细说明的情况下传递代码,因为它没有考虑语义(逻辑)错误。

相关问题