为导航栏分配相同的上下边距的原因是什么？

Question

我有一个由无序列表组成的导航栏：

<div id="header">
  <ul id="nav"> 
    <li><%= link_to "home", "#" %></li>
    <li><%= link_to "work", "#" %></li>
    <li><%= link_to "team", "#" %></li>
    <li><%= link_to "contact", "#" %></li>
  </ul> 

  <div style="clear: both"></div>
</div>

只有以下css：

#nav{
    margin: 0px;
    width: 400px;
    list-style: none;
    float: right;
}

当我没有告诉它时，浏览器给它一个16px的上下边距：

我使用的是rails风格的框架，“中间人”，但我怀疑是否会造成这种情况。有谁知道它来自哪里？

Answer 1

<ul></ul>元素为您提供了此top和bottom margin：

ul.nav{
    margin: 0 auto; /*reduce top and bottom margin to 0 and set left-right to auto*/
}