Html css在mozila和chrome中表现不同

当我打开我的页面时，当我将鼠标悬停在它上面时，它在chrome和Firefox上的导航行为不同

---

由于堆栈溢出，不允许我发布图像（由于声誉，我可以看到-您想要的是更改悬停时的背景色…因此在您的悬停类中删除：

padding-bottom: 3px;
border-bottom: 2px solid #545453;

将您的代码更新为以下内容，我想您会发现它在所有浏览器中都可以工作

#topnav{

    background-color: #33cc66;
    border: 2px solid #545453;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    text-transform: uppercase;
    margin-top: 10px;
    color: white;
    height: 25px;
    line-height: 25px;   
}
#topnav a{
    padding: 0 12px;
    border-right: 2px solid #545453;
    color:#fff;
    float: left; 
}
#topnav a:hover { 
    background-color: #99e677;/*#b73b3b; */
}

---

PS:通常，当您的代码在不同浏览器中呈现不同效果时，您会停下来思考：“我的代码是否正确？”

从我看到的情况来看，您想要的是更改悬停时的背景色…因此在您的悬停类中删除：

padding-bottom: 3px;
border-bottom: 2px solid #545453;

将您的代码更新为以下内容，我想您会发现它在所有浏览器中都可以工作

#topnav{

    background-color: #33cc66;
    border: 2px solid #545453;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    text-transform: uppercase;
    margin-top: 10px;
    color: white;
    height: 25px;
    line-height: 25px;   
}
#topnav a{
    padding: 0 12px;
    border-right: 2px solid #545453;
    color:#fff;
    float: left; 
}
#topnav a:hover { 
    background-color: #99e677;/*#b73b3b; */
}

---

PS:很多时候，当你的代码在不同的浏览器中呈现出不同的效果时，你会停下来想：“我的代码写对了吗？”

你能创建一个提琴或给我们需要的HTML吗？jsfiddle.net粘贴你的HTML也请创建一个提琴或给我们需要的HTML吗？jsfiddle.net粘贴你的HTMLhtml也很好，非常感谢！你能给我一些提示吗？我的问题是什么？在悬停上添加填充和边框导致了问题。你只需要更改背景颜色非常感谢！你能给我一些提示我的问题是什么吗？在悬停上添加填充和边框导致了问题。你只需要更改背景颜色基色