Css 菜单放错了

我的标题应该是这样的：

以下是它有时的样子：

正如你所看到的，右边的菜单有时放错了，有人知道如何解决这个问题吗

有时我指的是当我按F5或CTRL+F5刷新页面时

这是我的密码：

HTML:

将css更改为

   .content_navigation {
    width: 100%;
    height: 60px;
     margin:0px auto;
    float:left;

}

#navigation{
    height: 60px;
    width: 100%;
    background-color: #232323;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    font-size: 20px;
    position:relative;
     float:left;

}

.main-menu {



    color:Red;
    font-size: 14px;
   float:right;
 position:relative;
   padding: 5px 0 5px 20px;
    margin: 15px 0 0 0;



}
.main-menu:hover {
    color: white;
    cursor:pointer

}

---

Hmm，有时我指的是当我按F5或CTRL+F5刷新页面时。当我点击“登录”按钮进入页面时，它会按预期显示菜单。你尝试过浮动链接吗？也许

#导航a{float:right；}#导航a:first child{float:left；}

在Chrome中似乎只有我一个人有这个问题，我会保持原样，希望其他人不会看到这个：DHmm不起作用：（当我通过单击徽标在页面上导航、登录和注册时，所有内容都在正确的位置，但当我刷新页面时，菜单就会向下移动。@user3049858:现在检查一下..！！我确实尝试过，但没有成功：（我使用的CSS与您相同，但我没有将宽度设置为100%并向左浮动。内容导航，因为它应该将所有内容放在一个960像素宽的框中。您能看看我的网站并尝试参考页面吗：编辑：我还注意到，只有在刷新页面时，Chrome才会出现这种情况。我在中找不到任何问题。）chrome..！！你确定吗？我在chrome和firefox中没有发现任何问题..！！你将我的css代码设置到网站了吗？

.content_navigation {
    width: 960px;
    height: 60px;
    margin:0px auto;
    color: black;
}

#navigation{
    height: 60px;
    width: 100%;
    background-color: #232323;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    font-size: 20px;
}

.main-menu {
    min-width: 20px;
    padding: 5px 0 5px 20px;
    margin: 15px 0 0 0;
    color: #999999;
    font-size: 14px;
    float: right;
}
.main-menu:hover {
    color: white;
}

   .content_navigation {
    width: 100%;
    height: 60px;
     margin:0px auto;
    float:left;

}

#navigation{
    height: 60px;
    width: 100%;
    background-color: #232323;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    font-size: 20px;
    position:relative;
     float:left;

}

.main-menu {



    color:Red;
    font-size: 14px;
   float:right;
 position:relative;
   padding: 5px 0 5px 20px;
    margin: 15px 0 0 0;



}
.main-menu:hover {
    color: white;
    cursor:pointer

}