元素不會返回到其位置CSS Float

Question

會發生什麼情況是nav-search-ul元素在更改屏幕分辨率後沒有返回到正確的位置，這就像媒體無法正常工作。

只發生在Chrome，因爲在FirefoxŸIE一切就OK了

這樣你就可以在click

<nav> 
     <ul> 
     <li class="m">aaaaa</li> 
     <li class="nav-search-ul">bbbbb</li> 
     </ul> 
    </nav> 

    li { 
     color: red; 
     display: block; 
    } 

    ul { 
     clear: both; 
     background: rgb(27, 34, 36); 
     text-align: center; 
    } 

    @media (min-width: 600px) { 
     li { 
     display: inline-block; 
     } 
     .nav-search-ul { 
     float: right; 
     } 
    } 

確定解決方案檢查

http://codepen.io/anon/pen/jPOGZN

Answer 1

只需添加以下CSS：

.nav-search-ul { 
    display:inline 
}