Html css下拉菜单折叠

我的下拉菜单在下一个div元素下，你知道如何解决这个问题吗

Css:

HTML:

第一次做一个网站，把我的头发拔出来，试图弄明白这一整天现在，你们中的一个快速开发wiz帮助我，请

---

编辑：已粘贴“您有任何问题请与我们联系”div html及其css。

尝试类似的方法。我希望这个CSS类可以工作

.cf{
   position:relative; 
   z-index:9999;
}

---

您可以通过将更大的z索引放到下拉列表中来实现这一点

具有较高堆栈顺序的元素始终位于具有较低堆栈顺序的元素的前面

像

---

（

position:relative，position:absolute，或position:fixed）。

使用z-index发布您对div-code及其css-tooThanks有任何疑问吗Jonathan，将z-index添加到ul.子菜单中，效果非常好。：）

<div id="nav-bar" class="cf">
                <nav class="cf">
                    <ul class="topmenu">
                        <li class="hometop"><a href="#" class="hometop">Home</a></li>
                        <li ><a href="#" >Catagory</a>
                            <ul class="submenu">
                                <li><a href="#">Blah Blah</a></li>
                                <li><a href="#">Blah UGG</a></li>
                            </ul>
                        </li>
                        <li ><a href="#">About</a></li>
                        <li ><a href="#">How To Order</a></li>
                    </ul>
                </nav>

            </div>
<div id="extra-info">
                <nav>
                    <ul>
                        <li><a href="#" class="callout1">Do You Have Any Questions? <br>Contact Us</a></li>

.cf{
   position:relative; 
   z-index:9999;
}

div{
  z-index:5;
}

.dropdown{
   z-index:6;
}


Note: z-index only works on positioned elements