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

你看到蓝色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.再现似乎并不容易.