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

enter image description here

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

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

just add following css:

.nav-search-ul {   display:inline   } 

Popular posts from this blog

c# - ODP.NET Oracle.ManagedDataAccess causes ORA-12537 network session end of file -

matlab - Compression and Decompression of ECG Signal using HUFFMAN ALGORITHM -

utf 8 - split utf-8 string into bytes in python -