元素不会返回其位置CSS Float

Question

在更改屏幕分辨率后，nav-search-ul元素没有返回到正确的位置，就像媒体不起作用一样。

只发生在chrome中，因为在firefox中，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;
      }
    }

确定解决方案

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

Answer 1

只需添加以下CSS：

.nav-search-ul {
  display:inline  
}