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

Question

我创建了自己的纯 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;    
}

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

如有任何帮助，我们将不胜感激。

Answer 1

我不知道是什么原因造成的，但将 position:absolute 放在它上面可以纠正这个问题。不过，我只能在 FF 中进行测试。尝试将其放在您的 CSS 中。

#menuFile > a{position:absolute;}