固定菜单问题，菜单在固定时垂直堆叠

Question

为学校项目建立个人投资组合。然后我遇到了一个问题。我想修复我的桌面菜单，但是当我这样做时，我的菜单堆叠垂直而不是水平。

我的测试页：http://bravitus.com/www/test/test.html 我想让我的菜单按原样固定而不是相对。

当我将它固定为固定时，会让许多人像这样：

主页 关于我 接触

但我希望它像这样：

主页＆gt;关于我＆gt;接触

JSFiddle: http://jsfiddle.net/39fz0gsd/4/

希望你能解决问题;）

HTML：

<ul class="navigation">
    <li><a href="#page-1" class="home selected">HOME</a></li>
    <li><a href="#page-2" class="aboutMe">ABOUT ME</a></li>
    <li><a href="#page-3" class="services">CONTACT</a></li>
</ul>

CSS：

ul{
    list-style:none;
}

ul li{
    position:relative;
}

Answer 1

你必须添加固定在ul（不是li）的位置，并添加宽度：100％。

ul{
    list-style:none;
    position:fixed;
    width:100%;
}

看看你的小提琴我已经更新了它。

Answer 2

如果我理解你的问题，你可以简单地附加这条规则

header {
    width: 100%;
    position: fixed;
}

将标题固定在顶部。