文字不在边框之间居中？

Question

我上传了您可以在此处看到的页面副本：

http://cybercacher.com/test123/tabs/

向下滚动页面，你会看到标题贴在顶部。当您将鼠标悬停在顶部的任何选项上时，您会注意到与底部相比，顶部的文本和边框之间的空间更大。

注意：您必须向下滚动页面以查看我正在谈论的内容，它已经使用默认（非粘性）标头正常工作。

我搜索了任何可能导致此问题的填充或边距，但似乎无法弄清楚导致这种情况发生的原因......任何帮助都将受到赞赏。

Answer 1

sticky-nav ul li a:hover {
    height: 35px !important;
    line-height: 31px !important; /* change this */

您需要将其应用于非悬停状态以防止跳转：

#sticky-nav ul li a {
    ...
    line-height: 31px !important;

考虑重新配置，以便当用户进入下拉菜单时边框仍然存在：

#sticky-nav ul > li:hover > a {