在IE9和Opera上导致水平滚动的东西

Question

我正在开发此网站的前端部分：http://oq.totaleclips.com

当我查看其中一个电影列表时，如http://oq.totaleclips.com/mpa/The_Hunger_Games_(Movie_2012)，我在Opera和Internet Explorer 9上得到一个水平滚动。如果我在我的CSS中放置`body {overflow-x：hidden}，我得到一个预期的结果，但是当用户按下“赞”按钮并被提示发表评论时，Facebook Like就会被切断......这将使Facebook上的“喜欢”变得更加困难。

这是Facebook问题，Opera问题，还是两者兼而有之？我找不到导致溢出的DOM元素，我想它可能是Facebook Like iFrame“保留”Like按钮右侧的空间，但我不想假设。 Facebook按钮似乎在Opera中不起作用，但这是一个侧面问题。

我一直在使用Firefox和Chrome进行开发，只能访问IE9，因此当我从Windows计算机上查看水平滚动时发现横向滚动令人失望。然后，为了看到Opera做同样的事情，我很难在IE9上生气。并且，将Facebook赞按钮向左移动会导致它与后续社交按钮之间出现意外断线。

导致溢出/水平滚动的原因是什么，我怎么能自己发现这样的问题？

编辑特异性：水平滚动条向右滚动时，会在屏幕布局的最右侧显示一个白色列。当浏览器窗口水平调整大小时，这确实会消失，但它不会显示在DOM中。看不到身体内部页面上的元素流入右侧的空白区域。

Answer 1

  

我找不到导致溢出的DOM元素

这是你的罪魁祸首：

.screener .content {
    margin: auto;
    width: 61em;
}

也许61em只是一点点......取决于字体大小和可用的窗口/标签宽度。