CSS 二级导航的消失——在鼠标离开一级导航后、触碰二级导航前消失的问题解决方案

Problem展示

这里放上 gif 图，如果你发现自己遇到的是这种情况，请移步 #一种可能的解决方案

Problem描述

• 场景： 二级导航制作

• 问题细节： 一级导航的 li 添加了 hover 效果，但是二级导航与一级导航的 li 存在间距，鼠标划过后，二级导航正常显示出来，但划出后迅速消失，形成一种“够不到”的感觉（其实并不是手短啦，只要你的鼠标滑过速度超过光速，你就感觉不到二级导航的消失23333）

代码如下：

<!--nav-->
<ul class="menu">
 <li class="menu-item menu-main">
  <a href>主页</a>
 </li>
 <li class="menu-item menu-category">
   <a href>分类</a>
   <!--nav B-->
   <ul class="category">
     <li class="category-item"><a href>前端