0

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

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

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

我一直在使用 Firefox 和 Chrome 进行开发，对 IE9 的访问权限有限，所以当我从 Windows 计算机上查看它时发现水平滚动令人失望。然后，看到 Opera 做同样的事情，我几乎不能对 IE9 生气。并且，将 Facebook Like 按钮向左移动会导致它与随后的社交按钮之间出现不希望的换行符。

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

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

4

1 回答 1

2

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

这是你的罪魁祸首：

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

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

于 2012-09-05T18:32:24.240 回答