为什么网络浏览器会改变我的菜单选项？

Question

我有一个主菜单,在HTML代码中,它的顺序正确,但在浏览器中查看时,它是相反的.为什么？

HTML:

  <div class="header">
    <img src="images/JTS_1_B_FL31.png" alt="J.T.S Logo" class="logo" />
    <ul class="menu">
      <li class="current"><a href="index.php">Home</a></li>
      <li><a href="services.php">Services</a></li>
      <li><a href="support.php">Support</a></li>
      <li><a href="contact.php">Contact Us</a></li>
      <li><a href="myaccount/">My Account</a></li>
    </ul>
  </div>

CSS:

.header{
  width: 100%;
  height: 30px;

  background-color: #1D242D;
}
.logo{
  padding: 5px 0 0 5px;
  float: left;
  }
.menu{
  float: right:
}
li{
  display: inline;
  list-style: none;
  float: right;
  padding: 5px 5px 7px 5px;

}

截图:

Answer 1

你有李的浮动:右边,以及#menu浮动右边,它将从右到左布局.您可以尝试浮动:左侧,也可以尝试在#menu和LI上没有float属性.