为什么第一个移动css菜单项位置不正确?

时间:2017-01-06 21:48:01

标签: css3 mobile menu slicknav

我创建了自己的CSS移动菜单,类似于slicknav,但没有所需的javascript。一切正常(3级菜单),但菜单中的第一项不是所有其他项目。

.menuV
{
     margin: 0; /*width: 100%;*/ float:none;
    width:130px;
    position:relative;
    z-index:4;
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;
    top:26px;
    left:-53px;
    display:none;
    border: 2px solid #DDD;
    background: #FFF;    

}

.menuV li
{
    padding: 0;
    height: 36px;
    position: relative;    
}

我创建了一个包含所有ul li菜单项和所有css的jsfiddle https://jsfiddle.net/hLene9a3/。悬停/下拉列表的css太长,无法在此处发布。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

我不知道是什么导致了这种情况,但我确定了这个位置:绝对正确。我虽然可以在这里测试FF。试着把它放在你的CSS上。

#menuFile > a{position:absolute;}