Webkit下拉框定位

时间:2015-11-29 06:25:08

标签: html css

我正在尝试将导航栏的下拉框(子菜单)与导航项的第一个字母对齐。我已经玩了一段时间的CSS,无法找到解决方案。如果有人可以帮忙,我真的很感激。这是一个小提琴。菜单的CSS从第65行开始。

jsfiddle.net/vy5mk3p3 /

screenshot_of_what_i_need

1 个答案:

答案 0 :(得分:0)

将您的代码更改为下面提供的代码。你设置左边50%和边距左边:-80px;这导致它全部分散。删除了它并添加了负向左侧位置并且它们都正确对齐。

http://jsfiddle.net/x550ccu6/1/

#cssmenu > ul > li > ul {
opacity: 0;
visibility: hidden;
padding: 4px 0 10px 0;
background-color: #FFFFFF;
text-align: left;
position: absolute;
top: 55px;
left: -30%;
width: 260px;
-webkit-transition: all .3s .1s;
-moz-transition: all .3s .1s;
-o-transition: all .3s .1s;
transition: all .3s .1s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}