隐藏在标题后面的下拉菜单

Question

我正在创建一个标题，标题中有多个项目，例如联系人、产品等。

因此，我正在使用下拉菜单创建产品，如果我将鼠标悬停，则应该出现下拉菜单。

但由于我的样式存在一些问题，它位于标题后面。

这是codesandbox - https://codesandbox.io/s/youthful-worker-btgscc?file=/src/Components/Header.jsx

我认为这个问题主要是由 z-index 引起的，但我尝试使用它，但没有成功。

Answer 1

overflow: hidden;从你的中删除nav它就会起作用