html - 为什么网络浏览器撤消了我的菜单选项？

我有一个主菜单，在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;

}

截图：

最佳答案

你有LI's浮动：右，以及菜单浮动右，这将布局从右到左。您可以尝试float：在它们的左边，或者在菜单和LI上不使用float属性。

关于html - 为什么网络浏览器撤消了我的菜单选项？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5287301/