html - 元素不返回其位置 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;
      }
    }

OK解决方案

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

Answer 1

只需添加以下 CSS:

.nav-search-ul {
  display:inline  
}