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

Question

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

Answer 1

&nbsp; <li class="nav-item dropdown">&nbsp; &nbsp; <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">&nbsp; &nbsp; &nbsp; Dropdown&nbsp; &nbsp; </a>&nbsp; &nbsp; <div class="dropdown-menu" aria-labelledby="navbarDropdown">&nbsp; &nbsp; &nbsp; <a class="dropdown-item" href="#">Action</a>&nbsp; &nbsp; &nbsp; <a class="dropdown-item" href="#">Another action</a>&nbsp; &nbsp; &nbsp; <div class="dropdown-divider"></div>&nbsp; &nbsp; &nbsp; <a class="dropdown-item" href="#">Something else here</a>&nbsp; &nbsp; </div>&nbsp; </li>.dropdown {&nbsp; position: relative;}.dropdown-menu {&nbsp; position: absolute;&nbsp; top: 100%;&nbsp; left: 0;&nbsp; z-index: 1000;&nbsp; display: none;&nbsp; float: left;&nbsp; min-width: 10rem;&nbsp; list-style: none;}li.dropdown:hover .dropdown-menu {&nbsp; display: block;}