jquery - 导航栏贴在顶部

Question

我使用Here的代码来获取导航栏以粘贴在顶部。这很好用，但是当我添加我的实际导航 div 时，导航栏设置为距顶部约 20 像素，并在滚动时跳回顶部。

我在导航下添加了这个：

<div id="navbar">
<ul id="navlist">
<li><a href="#">About</a></li>
<li><a href="#">Prints</a></li> 
<li><a href="#">Services</a></li>   
<li><a href="#">Contact</a></li>
</ul>
</div>

知道为什么我一在导航中添加列表或 div 就会把事情搞砸吗？ http://jsfiddle.net/x4GQ5/3/

Answer 1

您需要包括overflow: hidden;onul#nav因为它有浮动的后代（它的高度会因此而崩溃），并且您需要删除<ul>. 您还应该考虑包含一个CSS 重置，这样您就可以避免默认的浏览器样式规则。

jsFiddle

Answer 2

您需要margin: 0为您的 ul#nav 设置一个。

ul#nav  {
  list-style: none;
  line-height: 2em;
  margin: 0;    
}