响应下拉不工作

Question

好了，所以我就不少于24小时菜单，了解如何解决下拉菜单时，最小屏幕尺寸为720像素：| ....但我不能修复它:(而且它的RTL和是否有任何其他错误，请告诉我

HTML：

<header> 


<!-- Navbar -->  
<nav class="nav"> 
    <ul> 
     <li><a href="#"><i class="fa fa-home" aria-hidden="true"></i> menu1</a></li> 
     <li><a href="#"><i class="fa fa-film" aria-hidden="true"></i> menu2</a> 
      <ul class="sub"> 
       <li><a href="#">dropdown1</a></li> 
       <li><a href="##">drowpdown2</a></li> 
      </ul> 
     </li> 
     <li><a href="#"><i class="fa fa-filter" aria-hidden="true"></i> menu3</a></li> 
     <li><a href="#"><i class="fa fa-comment-o" aria-hidden="true"></i> menu4</a></li> 
     <li><a href="#"><i class="fa fa-phone" aria-hidden="true"></i> menu5</a></li> 
    </ul> 
    <!-- Search Box --->  
    <div class="search-div"> 
     <form method="get" action="/search" id="searchbox5"> 
      <input class="search" name="q" type="text" size="30" placeholder="Search..." /> 
     </form> 

    </div> 
</nav> 
    <div class="logo-div"> 
     <a href="#"> <h1 class="logo-h1">LOGO</h1> 
     <img class="logo-img" src="img/logo.png" onmouseover="this.src='img/rlogo.png'" onmouseout="this.src='img/logo.png'"/></a> 
    </div> 
</header> 

CSS：

https://blography.org/main.css

Answer 1

你使用position:absolute;的作用，从而去除position:absolute;财产上的li:hover效应“.nav li:hover ul”