Элемент не возвращается к своей позиции CSS Float

Question

Что происходит, так как элемент nav-search-ul не возвращается в правильное положение после изменения разрешения экрана, это похоже на то, что носитель не работает.

происходит только в хроме, так как в светлячок у IE все ок

так что вы можете проверить в 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; 
     } 
    } 

раствор OK

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

Answer 1

Просто добавьте следующие CSS:

.nav-search-ul { 
    display:inline 
}