为什么 Chrome 会破坏这种布局？答案

【问题标题】：Why is Chrome breaking this layout?为什么 Chrome 会破坏这种布局？
【发布时间】：2011-02-14 10:26:00
【问题描述】：

这曾经在 Chrome 中运行良好，在所有其他浏览器中运行良好 (afaik)。现在，由于某种原因，Chrome 隐藏了大部分左列（除了熊）。如果您在其他浏览器上查看，则会在小熊下方有一个带有品牌和菜单的面板。

我完全不明白它为什么会这样。有什么想法吗？

【问题讨论】：

【解决方案1】：

它断裂的原因是因为熊。或者更确切地说，这是因为您将熊的图像相对定位在它的每个父元素的边界之外的方式，除了身体。

这会使 chromes 渲染引擎以某种方式阻塞您的布局。

您只需从源代码中删除熊的图像即可非常轻松地对此进行测试，然后看看其他所有内容是如何突然出现的。

【讨论】：

【解决方案2】：

我在 Chrome 9.0.597.98 中检查了它，我遇到了同样的问题。我找到的解决方案是为#header 添加position:absolute;。

【讨论】：

【解决方案3】：

我在 Chrome 中没有发现任何问题。我看到了菜单和品牌。

【讨论】：

很奇怪。我已经在两台计算机（WinXP 和 MacOS）上对此进行了测试，但它在 Chrome 中不起作用。不过在我的 MacBook 上运行良好。你有什么版本的 Chrome？
10.0.648.45 dev 所以这可能是他们在 Chrome 中修复的问题。