仅在Firefox上的网页顶部随机填充/边距

Question

有人可以解决这个问题吗？看看我的意思：

https://www.wellchild.org.uk/

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

截图：

在Windows＆amp; Mac，IE，Chrome，Safari，Opera＆amp; FireFox ..以及它在FireFox上我遇到了这个问题！

我曾尝试使用firefox中提供的开发工具检查页面，但无法弄明白

Answer 1

请尝试以下方法之一：

1）删除 向左飘浮; 来自.mainHead nav ul li（style.css ...第78行） 这应该解决跨浏览器的问题。您可能必须定义左/右边距。

2）将以下代码添加到style.css，它只针对firefox浏览器：

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

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

Answer 2

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

在你的情况下，这个简单的css解决方法似乎可以将你的页面固定在FF上（如果没有测试它会破坏其他导航器）

.container { padding: 0.001em; }