html - Element does not return to its position CSS Float -
what happens nav-search-ul element not return correct position after changing screen resolution, it's media not work.
only happens in chrome, since in firefox y ie ok
so can check in 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 solution
just add following css:
.nav-search-ul { display:inline }