我在悬停时在my nav links上方添加了一个边框/行,除非它现在每次将鼠标悬停在其上时都会向下移动文字。造成这种情况的原因是什么?
#nav a:hover{
border-top:solid 4px #3b5998;
color:#b7c3e6;
padding: 6px}
.header-alignment-left.header-navigation-split #topNav{position:absolute; right:-15px}
.logo-image #topNav nav li a{padding:5px 15px; line-height:100%}
#nav a{border-top:0px solid transparent}
#nav .subnav{margin-top:0}
#nav a{border-right:1.5px solid #3b5998; height:20px}
#nav li:last-child a{border-right:0}
#topNav nav .folder ul li a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out }
#header #topNav nav .folder ul li{padding:0 24px 12px; position:relative; }
#header{margin-top:20px !important}
#topNav{margin-top:40px}
#nav .subnav ul{padding-bottom:15px !important}
#nav .subnav ul{padding-top:15px !important}
答案 0 :(得分:0)
为其指定margin
这样的事情应该有效。
#nav a:hover{
border-top:solid 4px #3b5998;
color:#b7c3e6;
margin-top: 10px;
padding: 6px}
如果需要,您甚至可以使用否定margins
。
您可能希望删除padding
并将其替换为padding-left
或padding-right
,这样您就不会移动链接的顶部和底部。