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

Question

我创建了自己的类似于 slicknav 的纯 CSS 移动菜单，但不需要 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;    
}

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

任何帮助将不胜感激。

Answer 1

我不知道是什么原因造成的，但是将 position:absolute 放在它上面可以纠正这个问题。我只能在这里测试FF。试着把它放在你的CSS上。

#menuFile > a{position:absolute;}