如何调整下拉菜单的位置？
如何调整下拉菜单的位置？
提问于 2013-08-30 16:16:23
我想调整我的下拉菜单在我的导航链接上的位置.我试着调整“导航”(nav .folder ul li a)，但没能让它动起来。我想把它的位置降到10便士左右。
CSS：
body .main-nav li > a,
body .main-nav li > a:visited {
color: #3b5998;
-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; }
#nav a:hover {
border-top: solid 4px #b7c3e6;
color: #b7c3e6;
}
.header-alignment-left.header-navigation-split #topNav { position:absolute; right: 0px }
.logo-image #topNav nav li a { padding:4px 15px; line-height: 100% }
#nav a { border-top: 4px solid transparent }
#nav .subnav { margin-top: 4 }
#nav a { border-right:0px 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 }回答 3
Stack Overflow用户
回答已采纳
发布于 2013-08-30 16:25:56
#topNav nav .folder .subnav div的绝对上限为100%。如果将其更改为px值(例如45 px)，则可以将其移动。
#topNav nav .folder .subnav {
position: absolute;
top: 45px;
left: 0px;
background: #ffffff;
height: 0;
overflow: hidden;
opacity: 1;
z-index: 999;
}编辑:最后留下上面的内容，然后添加
#topNav nav li.folder {
height: 32px;
}Stack Overflow用户
发布于 2013-08-30 16:23:11
尝试将margin-top: 10px;添加到nav .folder ul
Stack Overflow用户
发布于 2013-08-30 16:23:31
将margin-top: 10px;添加到#topNav nav .folder ul
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18537385
复制相关文章
相似问题
腾讯云开发者
