html - 使用firefox时右边距有空白

Question

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

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

该页面的链接是 。. .

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

谢谢。

Answer 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; }或具有适当的宽度）将解决您的问题。