レスポンダードロップダウンメニューが機能しない

Question

これで、最小画面サイズが720pxのときにドロップダウンを修正する方法を見つけるのに24時間を費やしただけです。| ...しかし、修正できませんでした。 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;を使用

をliの効果ので、「.nav li:hover ul」