Google chrome chrome 26.0.1410.43与旧版本的渲染差异

我的网站在FirefoxOpera和chrome中运行正常（我没有IE，所以我不确定，因为我使用的是FedoraLinux18）。最近更新了chrome（最多一个月）后，页面呈现不正确。有人知道发生了什么变化吗？我怀疑长方体模型的解释方式发生了变化，因为我使用display:table cell的方式如下：

 <div id="midboxmidleft" style="display: table;">
    <div style="display: table-cell; vertical-align: middle; width: 100%;">
          <div id="sideleft">
          <ul>
          <li>blahblah</li>
          <li>blahblah</li>
          <li>blahblah</li>
          <li>blahblah</li>
          <li>bla blah</li>
          </ul>
          </div>
      </div>
 </div>

标记已成功验证。 对于CSS验证，存在一些错误，但我认为它们不是问题

如果您想检查问题，请访问我的网站

我建议在禁用java脚本的情况下进行检查，因为这反映了已验证页面的状态

这个问题的关键是要弄清楚Chrome最近的哪些变化导致了这个问题（因为我的代码经过验证，但我可能仍然是错的）。如果您知道在哪里可以找到有关所用渲染引擎的更改日志，请告诉我。

---

感谢您的帮助

我不知道您的确切问题是什么，但我猜您的问题与您的一样，盒子模型发生了变化，您可以尝试使用

盒子大小调整

，将所有边框和填充都推到盒子内部，而不是将其添加到盒子外部，这会使浏览器之间的切换变得更加困难，可以这样应用此属性

CSS

*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

我还建议使用CSS重置，重置元素上的所有默认页边距和填充，如果使用CSS重置，则必须添加自己的页边距ect，但这将解决不同浏览器以不同方式解释默认页边距ect的问题。希望这能有所帮助，这里有一个指向CSS重置的链接，只需将它添加到单独的样式表中，并在其他样式表之前链接到它。这是链接

注：IE9和blow的问题最多，但是有一些快速修复方法可以帮助你解决IE的问题，我建议在这里使用IE9

编辑请阅读！重要信息

---

查看您的代码并解决您的问题，您需要从类

中删除行
高度：48%
。
andreas.css中第45行的midimage
，这将解决轻弹问题，但您必须修复您的位置。
这是使用框大小代码和修复高度来修复的。谢谢您的回答。我还将研究一些重置css，它总是有帮助的，但是chrome的问题现在已经解决了：）我将把这标记为正确的答案，因为它已经完成并解决了问题。（不确定为什么我的网站在大多数其他浏览器和chrome本身中都有百分比高度）很高兴你在这里工作，是的，我不知道为什么会影响你的网站，但我猜你有一些高度设置，艺术实际上针对相同的元素，但我必须更多地研究它来验证这一点，很高兴它成功了！不错的网站，顺便说一句，它和我看到的普通网站有点不同！
*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}