響應下拉不工作

好了，所以我就不少於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

來源

2016-06-13 Artimos

你能做出一個功能的jsfiddle或CodePen更方便地測試呢？ – aardrian

@aardrian [http://codepen.io/mr_no/pen/xOVMWR](http://codepen.io/mr_no/pen/xOVMWR） – Artimos

你使用position:absolute;的作用，從而去除position:absolute;財產上的li:hover效應「.nav li:hover ul」

來源

2016-06-15 09:47:31

謝謝了很多....但轉型不會爲降工作下拉菜單：|任何想法？ – Artimos

響應下拉不工作

回答

相關問題