css - 为什么 Chrome 打破了这种布局？

Question

参见 http://www.arthwine.co.uk .

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

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

Answer 1

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

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

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