css - 无法弄清楚为什么我的导航栏被推到右边

Question

这是在 jsbin 中。但如果需要，我也可以上传文件。由于缺少图像和其他文件，一切都不合适。但我唯一的问题是导航栏的右侧。 “关于我们、博客、安全、帮助、立即下载”都被推到了屏幕的边缘，而 Logoicon 和“Outbank”则保留在中心容器内。

右侧的导航栏链接应该与左侧的 2 完全一样，只是在右侧而不是左侧。

我正在学习 html 和 CSS，所以我只是在查找网站并尝试从头开始重新制作它们。这是我能想到的提高自己的唯一方法，因为我没有人可以教我。所有的 Udemy 类(class)和只有文本类(class)都让我的大脑缺少一些东西。谁能告诉我为什么会这样？

您可能必须将 HTML/CSS 面板一直拖到页面左侧才能看到我指的是什么。导航栏应该就像这个堆栈溢出页面上的一样。 StackIcon，“stackoverflow”然后链接到右边。所有停留在页面中心的容器宽度。 http://jsbin.com/nodifoxama/edit?html,css,output

Answer 1

.nav {
    background-color: #fff;
    padding: 20px 0;
    position: fixed;
    z-index: 5;
    width: 100%;
    box-sizing: border-box;
    //add
    left: 0;
    top: 0;
}