当鼠标悬停导航时自动增加高度

我创建了一个只有CSS的下拉式导航。如果我悬停按钮，子菜单出来。但身体会更高。我不希望身体会更高。这里的文件： http://jsfiddle.net/UHQV5/ 我认为position: relative;是错误的。当鼠标悬停导航时自动增加高度

来源

2014-02-20 linuscl

您需要使用子菜单（S）绝对位置。 –

@Paulie_D当使用子菜单上的绝对位置时，它们不在那里。他们消失了。 – linuscl

如果它们消失了，这可能是因为你没有指定你想要的绝对距离和方向（例如：top：20px; left：20px;例如） – patricksweeney

这件怎么样？

加入此：

nav ul ul{ 
    position: absolute; 
    margin-left: -10px; 
}

并除去一些不必要的。

jsFiddle

来源

2014-02-20 19:11:46 Ismatjon

这样更好http://jsfiddle.net/UHQV5/12/（'z-index' +'width'） – linuscl

好看的网站，

我搞砸与代码只是一点点，发现使标签有CSS的一种标识。然后在CSS中设置位置为固定！

验证码：

从这个

<nav> 
<ul id="navigation"> 
     <li><a href="index.php?Startseite" class="first">Home</a></li> 
     <li><a href="#">Bücher...&raquo;</a> 
     <ul> 
      <li><a href="#">für kleine Leser</a></li> 
      <li><a href="#">für große Leser</a></li> 
      <li><a href="#">Schulbücher</a></li> 
     </ul></li> 
     <li><a href="#">und mehr...&raquo;</a> 
     <ul> 
      <li><a href="#">Filme</a></li> 
      <li><a href="#">Ebooks</a></li> 
     </ul></li> 
     <li><a href="#" class="last">Seit 1851&raquo;</a> 
     <ul> 
      <li><a href="#">Firmenhistory</a></li> 
     </ul></li> 
     </ul> 
     </nav>

为了这

<nav id="nav"> 
<ul id="navigation"> 
     <li><a href="index.php?Startseite" class="first">Home</a></li> 
     <li><a href="#">Bücher...&raquo;</a> 
     <ul> 
      <li><a href="#">für kleine Leser</a></li> 
      <li><a href="#">für große Leser</a></li> 
      <li><a href="#">Schulbücher</a></li> 
     </ul></li> 
     <li><a href="#">und mehr...&raquo;</a> 
     <ul> 
      <li><a href="#">Filme</a></li> 
      <li><a href="#">Ebooks</a></li> 
     </ul></li> 
     <li><a href="#" class="last">Seit 1851&raquo;</a> 
     <ul> 
      <li><a href="#">Firmenhistory</a></li> 
     </ul></li> 
     </ul> 
     </nav>

然后在CSS只是把：

#nav { 
    postion: fixed; 
}

来源

2014-02-20 18:03:01 Oak

但是比导航“跟随”我下了页面。 – linuscl

你是什么意思？ – Oak

当鼠标悬停导航时自动增加高度

回答

相关问题