使用firefox时右边距有空白答案

【问题标题】：White space in right margin when using firefox使用firefox时右边距有空白
【发布时间】：2012-06-05 15:50:11
【问题描述】：

使用 Firefox 查看网站时，右边距中有一些不需要的空白。其他浏览器不会出现问题。

我尝试在所有元素周围放置一个 2px 的边框，以查看是否有隐藏的 div，但似乎没有。

页面的链接是。 . .

http://msmdesignz-testing.info/wp/

谢谢。

【问题讨论】：

你在说什么元素？
您可能想要清理您的 HTML。有 69 个错误。
@EricEgana 一张截图，或更详细的描述，会有很长的路要走。
我认为可能有一个俯冲在占用那个空白空间的一侧，所以我暂时在所有页面元素周围设置了一个边框，只是为了看看右边是否有一个容器。但是没有，所以我取消了临时边界
您如何计算主要内容周围的左右区域宽度？主要内容有“Digistar media help you, etc”，左边有一个边距什么的。右侧有相等的边距。这样一来，您就可以将内容居中。我提出所有这些的原因是，看起来额外的空间是完全相同的宽度......几乎就像是计算了两次......？

标签： html css

【解决方案1】：

有一个 Facebook iframe 被注入到您页面中的 <div id="fb-root"></div> 中。该 iframe（标识为 iframe id="fabb7e18d7b7ca" class="FB_UI_Hidden"）具有内联样式 width="575px"，这会导致 FF 页面右侧出现额外的空白。

您需要找到一种方法来消除该宽度定义。在你的 css 中的某处添加样式级联，如下所示：.FB_UI_Hidden { width: 100px !important; }（或适当的宽度）将解决你的问题。

【讨论】：

你是如何识别 iframe 的？
使用 Firefox 的 Firebug 扩展，您可以看到呈现的页面代码中发生的一切，甚至是通过脚本注入的内容。使用 Firebug 探索是我在您的页面中识别特定 iframe 的方式。
我已经在我的答案中添加了一个解决您问题的建议方法。
啊，我明白了。我猜隐约出现的元素是隐藏的。我对此比较陌生。 . .关于如何消除 iframe 的任何建议？感谢您回复我。