css - 令人难以置信的谷歌浏览器渲染

Question

你看到蓝色 div 里面的矩形了吗？谷歌浏览器渲染这个矩形对我来说毫无意义。该页面只有一个带有“侧边栏”类的 div，而 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; 将所有样式 Prop 重置为初始值。
2. 将显示从 inline 切换到 inline-block 到 div/body 上的 block。
3. 问题是否发生在 Firefox 中？ Safari ？
4. 安装 Chrome Canary看看它是否发生在那里。
5. 尝试进入 chrome devtools 抽屉并禁用仿真和其他选项，如图所示 here .