如何让div重叠另一个CSS？

Question

我尝试使用列表创建一种下拉菜单，但列表只显示部分，其中一部分被其他div隐藏。怎么能让它重叠呢？

HTML

<div id="mph">
    <button type="button" class="btn1"><img src="images\menu.png"/></button>
    <div id="mph1">
        <ul>
            <li><a href="about.html">About</a></li>
            <li><a href="work.html">Work</a></li>
            <li><a href="plus.html">Plus</a></li>
            <li><a href="costumers.html">Costumers</a></li>
            <li><a href="gallery.html">Gallery</a></li>
            <li><a href="contact.html">contact</a></li>
        </ul>
    </div>
</div>

CSS

#mph1{
  height:auto;
}

Answer 1

简单，使用z-index：

ul{
position:absolute;
z-index:99;
}

注意：元素必须具有z-index的绝对或固定位置才能工作！