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

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

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

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

截图:

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

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

【问题讨论】:

标签: html css firefox cross-browser


【解决方案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;
       }
    }
    

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

    【讨论】:

    • 遗憾的是,这对我不起作用,尽管我发现 Piro 的回答确实解决了我的问题。谢谢!
    猜你喜欢
    • 1970-01-01
    • 2014-09-17
    • 2016-11-18
    • 1970-01-01
    • 1970-01-01
    • 2011-07-06
    • 1970-01-01
    • 2019-09-08
    • 1970-01-01
    相关资源
    最近更新 更多