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

Question

请参阅http://www.arthwine.co.uk。

这曾经在Chrome中运行良好，并且可以在所有其他浏览器中正常运行（afaik）。现在，出于某种原因，Chrome隐藏了大部分左栏（除了熊）。如果您在不同的浏览器上查看，则会有一个带有品牌的面板，并在其下面显示一个菜单。

我无法弄清楚为什么会这样做。有什么想法吗？

Answer 1

它破裂的原因是因为熊。或者更确切地说，这是因为你将熊的形象相对地定位在它除了身体之外的每一个父元素范围之外的方式。

这使得chromes以某种方式在你的布局上渲染引擎阻塞。

您可以通过从源代码中删除熊的图像来轻松测试，并查看其他所有内容是否突然出现。

Answer 2

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

Answer 3

我认为Chrome没有任何问题。我看到了菜单和品牌。