鼠标移入LI标签，对应的内容会显示出来，鼠标如何才能移入内容区域不消失？

Question

鼠标移入LI标签，对应的内容会显示出来，鼠标如何才能移入内容区域不消失？

Answer 1

  <li class="nav-item dropdown">

    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

      Dropdown

    </a>

    <div class="dropdown-menu" aria-labelledby="navbarDropdown">

      <a class="dropdown-item" href="#">Action</a>

      <a class="dropdown-item" href="#">Another action</a>

      <div class="dropdown-divider"></div>

      <a class="dropdown-item" href="#">Something else here</a>

    </div>

  </li>

.dropdown {

  position: relative;

}

.dropdown-menu {

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 1000;

  display: none;

  float: left;

  min-width: 10rem;

  list-style: none;

}

li.dropdown:hover .dropdown-menu {

  display: block;

}