固定菜单问题，固定时垂直菜单堆栈

即时建立学校项目的个人投资组合。我遇到了一个问题。我想让我的桌面菜单固定，但是当我这样做时，我的菜单堆栈垂直，而不是水平。固定菜单问题，固定时垂直菜单堆栈

我的测试页︰http://bravitus.com/www/test/test.html 我想让我的菜单，因为它是固定的，而不是相对的。

当我把它作为固定它使许多像这样：

首页关于我联系

，但我希望它是这样的：

首页>关于我>联系

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; 
}

来源

2014-11-25 Thomas Ravnholt

包括您的实际尝试代码，而不是网站名称。阅读它知道https://stackoverflow.com/help/how-to-ask – HaveNoDisplayName 2014-11-25 13:59:33

@Piyush已经有一个jsfiddle，不是吗？ – DRC 2014-11-25 14:00:23

包括你的代码在你的问题，jsfiddle是一个外部链接，如果它被删除，那么这个问题变得无效，得到它？ – HaveNoDisplayName 2014-11-25 14:01:41

你必须添加固定到UL（不是LI）的位置，并添加宽度：100％为好。

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

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

来源

2014-11-25 14:03:38 w3shivers

是的，这是有道理的;）它的作品。可能只是有点被混淆了）感谢;） – 2014-11-25 14:08:35

没有问题，但请编辑您的问题仍然包括您的代码，因为它会帮助许多其他可能有同样问题的人。 – w3shivers 2014-11-25 14:11:15

如果我明白你的问题，你可以简单地添加这个规则

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

，使固定在顶部的标题。

来源

2014-11-25 14:06:43 DRC

固定菜单问题，固定时垂直菜单堆栈

回答

相关问题