Html 超链接在firefox中不起作用，但在chrome上起作用？

我的页面中的超链接在Firefox上不起作用，但在chrome上起作用

我搜索过谷歌，我能找到的最接近我的问题是有人在他的表中添加了一些css值，但我的表没有任何css

当我点击页面上的按钮/超链接时，什么都没有发生，页面似乎随着滚动条变小而扩展

我已经删除了这些表，看看这个问题是否是由这些表造成的，但即使没有页面上的表，它也会发生

以下是JSFIDLE的链接：

下面是按钮代码的一小部分（顶部的黑带），我怀疑这是问题的原因，但我可能完全错了

家

任何帮助都会很好

编辑：只是一个简短的提示：我发现问题来自CSS文件，因为当我从HTML页面删除CSS样式表时，超链接在firefox中工作正常

---

但是我不知道是什么导致了CSS文件中的问题

尝试在链接中添加“/”

您可能需要查看代码中的一些内容：

在JSFIDLE中，我没有注意到任何html或body标记
您多次使用id选择器，就像使用类选择器一样：查看
既然可以在css中编写一次样式，为什么还要在html代码中重复多次呢
正如我所说，问题是css问题：

问题是由以下原因引起的：

    #flagHolder a:link, a:active, a:visited{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration:none;
      margin-left: auto ;
  margin-right: auto ;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  color:#666;
  float:left;
  margin-left:20px;
}
#flagHolder a:hover{
    text-decoration:underline;

}


    #flagHolder2 a:link, a:active, a:visited{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration:none;
      margin-left: auto ;
  margin-right: auto ;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  color:#666;
  float:left;
  position:absolute;
top:-266px;
left:250px;
}
#flagHolder2 a:hover{
    text-decoration:underline;

}


    #flagHolder3 a:link, a:active, a:visited{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration:none;
      margin-left: auto ;
  margin-right: auto ;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  color:#666;
  float:left;
  position:absolute;
  margin-top:0px;
margin-left:700px;
width:150px;
}
#flagHolder3 a:hover{
    text-decoration:underline;

}

    #flagHolder4 a:link, a:active, a:visited{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration:none;
      margin-left: auto ;
  margin-right: auto ;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  color:#666;
  float:left;
  position:absolute;
margin-top:0px;
margin-left:700px;
width:150px;
}
#flagHolder4 a:hover{
    text-decoration:underline;

}

可能您需要在URL的开头添加一个
/
。e、 g.
href=“/blog.php”
小旁注：
属性
语言
在您测试的Firefox版本中被弃用。在FF23中似乎可以正常工作。@ThomasCheney，它是firefox 23.0.1。使用绝对路径，如
http://www.xxx.com/blog.php
1-JSFIDLE不允许您发布html和body标记。使用JSFIDLE时不需要它们。2-我已将此页上的错误从308减少到22。正如我所说，这个问题与css有关。好吧，我不知道JSFIDLE。我的假设是，误用id可能会影响不同浏览器处理页面的方式
    #flagHolder a:link, a:active, a:visited{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration:none;
      margin-left: auto ;
  margin-right: auto ;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  color:#666;
  float:left;
  margin-left:20px;
}
#flagHolder a:hover{
    text-decoration:underline;

}


    #flagHolder2 a:link, a:active, a:visited{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration:none;
      margin-left: auto ;
  margin-right: auto ;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  color:#666;
  float:left;
  position:absolute;
top:-266px;
left:250px;
}
#flagHolder2 a:hover{
    text-decoration:underline;

}


    #flagHolder3 a:link, a:active, a:visited{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration:none;
      margin-left: auto ;
  margin-right: auto ;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  color:#666;
  float:left;
  position:absolute;
  margin-top:0px;
margin-left:700px;
width:150px;
}
#flagHolder3 a:hover{
    text-decoration:underline;

}

    #flagHolder4 a:link, a:active, a:visited{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration:none;
      margin-left: auto ;
  margin-right: auto ;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  color:#666;
  float:left;
  position:absolute;
margin-top:0px;
margin-left:700px;
width:150px;
}
#flagHolder4 a:hover{
    text-decoration:underline;

}