页面溢出到正文右侧答案

【问题标题】：Page overflows to right of body页面溢出到正文右侧
【发布时间】：2012-02-06 14:28:33
【问题描述】：

我对此感到非常沮丧，如果有人知道如何快速解决这个问题，那将是一个巨大的帮助......

正在发生的事情是，我正在开发一个似乎延伸到身体右侧的网站。换句话说，向右溢出，从而出现水平滚动条。

这可要了我的命！非常感谢有人指出我可能遗漏或做错了什么。

谢谢-

【问题讨论】：

可能是 Firefox 的错误？它计算的 div#content 太宽了，但 Chrome 提供了一个合理的大小。
尝试将overflow-x:hidden 放在<html> 元素上。
Pascal，它在 webkit 浏览器中也是如此。 @Sagar，从视觉的角度来看是可行的，但仍然可以向右滚动约 250 像素。感谢你们俩的帮助……我什至在检查员身上都找不到任何可能在闲逛的东西。您能想到的任何其他修复方法吗？

【解决方案1】：

问题出在右侧边栏中的#fb-root 内。如果您删除此元素，则布局将正确适合而无需水平滚动。此元素中的子 iframe 的宽度为 575px。您可以将此值更改为 auto，方法是将您的 css 中 iframe 的样式设置为：

#fb-root{
    width: auto !important; 
}

此行应放在 CSS 行的末尾以覆盖任何可能禁用 width:auto 样式的样式。理想情况下，您不必使用!important，但由于您需要覆盖 FB 定义的样式，我会尝试一下。

希望这会有所帮助。

【讨论】：

非常感谢。尽管出于某种奇怪的原因，您建议的修复方法无效，但您发现了它。但是，我确实通过在“FB_UI_Hidden”类中添加“display: none”来纠正它。很奇怪。
出于好奇，您介意分享一下您是如何这么快发现这个“问题孩子”的吗？我尝试使用检查器进行故障排除，但一无所获——当然不会想到要在 fb iframe 内部进行调查……
使用萤火虫我删除了不同的元素，看看是否对布局有任何影响。在检查器中删除 FB 小部件后，水平滚动条消失了。请记住，FB 添加了自己的样式并使用 iframe，我检查了 #fb-root 元素，发现它在子 iframe 元素上设置了固定宽度。