令人难以置信的谷歌Chrome渲染

Question

你看到蓝色div里面的矩形吗？谷歌浏览器渲染这个矩形对我来说毫无意义.该页面只有一个div为"sidebar"类,而css只有这个:

.sidebar{
    background-color:#3756a0;
    width:400px;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    color:#fff;
}

我删除了Google Chrome中的所有扩展程序,我重新启动了计算机.只有我体验这个渲染.我不确定如何解决这个问题.有帮助吗？

编辑:我正在使用MacOS Sierra v 10.12和Chrome版本53.0.2785.143(64位)似乎是最后一次更新.这里也出现了问题:steemconnect.com请参阅prntscr.com/crgo04.重现似乎并不容易.

Answer 1

我认为这个问题将在黑暗中进行，但您可以尝试以下一些操作：

1. 设置* { all:initial; }为将所有样式道具重置为初始值。
2. 在 div/body 上将显示从 切换inline到inline-block。block
3. Firefox 中是否出现此问题？苹果浏览器？
4. 安装Chrome Canary并查看是否会发生这种情况。
5. 尝试进入 chrome devtools 抽屉并禁用仿真和其他选项，如此处所示。