下拉菜单->HTML和CSS，悬停

我需要制作下拉菜单，但我有点新手，所以我不知道怎么做，你能帮我吗？某人我需要从filmy_a_serial.html制作下拉菜单 HTML代码：

  <div id="menu">
        <ul id="ulid">
            <li class="liclass"><a href="index.html">Hlavní stránka</a></li>
            <li class="liclass"><a href="filmy_a_serialy.html">Filmy a seriály</a>
                <ul id="ulid1">
                    <li class="liclass"><a href="Filmy_a_serialy_tbb.html">TBB</a>
                </ul>
            <li class="liclass"><a href="hry_na_pc_co_me_bavi.html">Hry na PC</a>
            <li class="liclass"><a href="moje_konicky.html">Moje koníčky</a></li>
        </ul>
  </div>  

ul li {
 display: block;
 float: left;
 background: #0F6;
 border-radius: 0px; 
 border: 3px solid #000;    
}
ul li a {
 text-decoration: none;
 color: #000;
 display: block;
 padding: 10px 5px 5px 5px;
 text-align: center;
 font-size: 25px;   
}
ul li:hover {
    background: #0FF;   
}
ul li:hover a {
 color: #000;
}
.liclass {
 width: 294px;
 height: 50px;
}
#ulid { 
 width: 1200px;
 height: 55px;
 margin-left: -43px;
}      

---

首先，您的孩子UL需要与A处于同一水平，都在LI内

<div id="menu">
    <ul id="ulid">
        <li class="liclass"><a href="index.html">Hlavní stránka</a></li>
        <li class="liclass">
            <a href="filmy_a_serialy.html">Filmy a seriály</a>
            <ul id="ulid1">
                <li class="liclass"><a href="Filmy_a_serialy_tbb.html">TBB</a>
            </ul>
        </li>
        <li class="liclass"><a href="hry_na_pc_co_me_bavi.html">Hry na PC</a>
        <li class="liclass"><a href="moje_konicky.html">Moje koníčky</a></li>
    </ul>
</div> 

这将绝对定位子菜单，但相对于父LI。它将100%位于顶部（即下方和左侧）。然后，您可能希望将其隐藏，直到悬停，以便：

ul li ul {display:none;}
ul li:hover ul {display:block;}

---

当然，这是一个非常基本的例子！你可以用下拉菜单做一些非常好的事情。

你说的“帮助我”是指为我编写代码吗？ofc不是，我做了这个，我想让你帮我从filmy_a_serialy.html扩展制作下拉菜单的代码，我只是不知道放在哪里和如何放hovers@RostislavDanko试试这个-用这个

ul li ul {display:none;}
ul li:hover ul {display:block;}