Jquery 只有在Chrome中，添加body类时DIV标记的内部内容才会溢出

问题：

这个问题只发生在Chrome中

当我使用jQuery将一个类添加到body标记中时，页面上有一个DIV标记，当新类添加到body中时，该标记会改变其样式，但内部内容溢出。当我刷新页面时，所有内容都以应有的方式组合在一起

我已经在IE和Firefox中测试过了，它在两种浏览器中都可以正常工作，没有任何问题

说明：

我正在使用jQuery向正文中添加一个类：

$(document).load(function() {
  if (UNDER_CERTAIN_CONDITIONS) {
    $('body').addClass('some-new-class');
  }
});

然后我有一个样式表，可以相应地调整页面：

body.some-new-class div.requires-special-styling {
  /* ... */
}

---

注意：我使用的是Drupal 7和Bartik主题的替代版本，以防有助于解决问题。

您可以包含CSS或指向JSFIDLE的链接吗？内部内容溢出是什么意思？因此，如果我在DIV标记内有一个段落，那么该段落将比DIV标记宽，在右侧重叠。如果段落有边框，您将看到边框延伸到右侧DIV标记的边界之外。当我刷新页面时，段落以我预期的方式放入DIV标记中。我认为JavaScript存在一个时间问题，因为在第二次页面刷新时一切都正常，但是脚本与什么事件竞争呢？