Html CSS下拉菜单不重叠

我对css下拉菜单有问题。如果你们愿意，我会发布代码，如果下拉菜单打开，菜单下的一个元素将下降，并且无法克服它。请帮帮我，我搞不懂！到目前为止，我知道，我尝试了z-index，但它什么也没做。（对不起，我的英语不好。）

我想试试这样的东西：

<ul>

    <li>
       ItemA
       <div class="popup-menu">
            <ul>
                <li>sub menu item</li>
            </ul>
        </div>
    </li> 
</ul>

项目a

子菜单项

.弹出菜单{ 位置：相对位置； 溢出：隐藏；/*应使其自动调整大小*/ }

您可以使用生成下拉菜单的干净CSS。

---

免费提供美观的菜单设计。

make fiddle:在我看到代码之前，根据您的描述：下拉菜单应该绝对定位…首先将z-index属性应用于父菜单