Html 为什么图标图像与容器顶部对齐？（指向网页的链接）

我很难弄清楚为什么我网站上的图标没有像其他使用相同CSS和源文件的页面上的图标那样对齐

以下是它在所有浏览器中表现异常的地方： 出于某种原因，“主页”图标（网站徽标下的左上角）与容器顶部对齐

但它与此页面共享完全相同的HTML/CSS源代码（据我所知）。然而，该页面上的同一图标与容器的中间对齐。这也是我希望它也出现在/account URL上的位置

---

这是什么原因造成的？我已经仔细地寻找了答案，但没有找到答案。

事实上，所有内容都是顶部对齐的，文本下降的原因是您设置了

#nav a, #nav a:visited, #nav a:active {
...
line-height: 26px;
...
}

这会将文本向下推，但线条高度对图像定位没有影响。您最好删除行高度声明，改为添加padding top，并减少元素的高度以进行补偿

#nav a, #nav a:visited, #nav a:active {
    display: block;
    background-color: #33383F;
    color: #B3B6BF;
    height: 18px;
    padding: 4px 12px;
    text-decoration: none;
    font-weight: normal;
    border: 1px solid #4D545F;
    border-bottom: none;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    word-wrap: break-word;
}

---

谢谢，这样更好，但是它们在根域和/帐户之间仍然略有不同。我不明白这是为什么，这让我很烦恼！你有什么想法吗？