好吧问答库 > 为什么css做的二级导航，当鼠标停留在一级上时候，二级菜单正常显示。当鼠标移动到二级菜单，

为什么css做的二级导航，当鼠标停留在一级上时候，二级菜单正常显示。当鼠标移动到二级菜单，

2024年12月01日 09:43

有5个网友回答

网友（1）：

如果我猜的不错的话，你用的方法是鼠标在一级上时，二级的display设置为block，当鼠标离开一级时display为none。所以当你的鼠标离开一级指向二级时二级隐藏了。
你可以这样写，当鼠标指向一级节点时，它的二级节点为显示，而其他一级节点的二级节点隐藏；当鼠标离开时不需要做函数处理。
下面是我做的一个简单的例子，希望对你有帮助

无标题文档

第一个第一层
- 第一个第二层
- 第一个第二层
第二个第一层
- 第二个第二层
- 第二个第二层
第三个第一层
- 第三个第二层
- 第三个第二层

第四个第一层
- 第四个第二层
- 第四个第二层

网友（2）：

从你的代码可以看出 display：none为不显示如果要其显示的话为display：block；当鼠标移动到一级导航li：hover改变display才会显示，也就是移动到li的内容中才能显示，当你移到二级导航中时加上一个relative为相对定位，占元素空间默认为li的一部分，因此显示正常

网友（3）：

求助在哪加啊？

网友（4）：

啊

网友（5）：

请设置绝对定位