仅在 Firefox 上网页顶部的随机填充/边距 [关闭]答案

【问题标题】：Random padding/margin at top of webpage only on Firefox [closed]仅在 Firefox 上网页顶部的随机填充/边距 [关闭]
【发布时间】：2014-03-03 09:44:57
【问题描述】：

任何人都可以解决这个问题吗？看看我在这里的意思：

在任何其他浏览器和 FireFox 之间进行比较

截图：

已经在 IE、Chrome、Safari、Opera 和 FireFox 的 windows 和 mac 上测试了这个。它在 FireFox 上遇到了这个问题！

我尝试使用 Firefox 中可用的开发工具检查页面，但无法弄清楚

【问题讨论】：

你会在问题中添加相关代码吗？
我认为这是同一个问题，它看起来像一个错误：stackoverflow.com/questions/13070630/firefox-body-margin-bug
@Pavlo，问题中有代码链接
Something in my web site or project doesn't work. Can I just paste a link to it?

【解决方案1】：

我不确定，但它可能与这个 Firefox 错误有关： https://bugzilla.mozilla.org/show_bug.cgi?id=451791

在您的情况下，这个简单的 css 解决方法似乎可以让您的页面固定在 FF 上（尚未测试它是否会破坏其他导航器）

.container { 填充：0.001em; }

【讨论】：

【解决方案2】：

尝试以下方法之一：

1) 移除向左飘浮; 来自 .mainHead nav ul li (style.css ... 第 78 行) 那应该可以解决跨浏览器的问题。您可能需要定义左边距/右边距。

2) 将以下代码添加到 style.css 中，该代码仅针对 firefox 浏览器：

@-moz-document url-prefix() {
    .mainHead nav ul li{
    float:none;
   }
}

让我知道什么对你有用...

【讨论】：