Question

我只使用CSS创建了一个下拉导航。如果我将鼠标悬停在按钮上并且子菜单出现。但那时身体会更高。我不希望身体会更高。这里的文件： http://jsfiddle.net/UHQV5/ 我认为position: relative;是假的。

Answer 1

这个怎么样？

补充说：

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

并删除了一些不必要的内容。

jsFiddle

Answer 2

好看的网站，

我稍微弄乱了代码，发现制作标签的css为id。然后在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;
}

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

2 个答案: