文字不在边界之间？

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 {