是什么给我的导航栏分配了相等的顶部和底部边距？答案

【问题标题】：What assigning my navigation bar an equal top and bottom margin?是什么给我的导航栏分配了相等的顶部和底部边距？
【发布时间】：2014-06-06 03:27:45
【问题描述】：

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

<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 风格的框架，“中间人”，但我怀疑这是造成的。有谁知道它来自哪里？

【问题讨论】：

你确定是#nav 导致了这个边距吗？如果是，请检查设置边距的源文件
您缺少一些 CSS 代码。尝试删除某些 CSS 片段，直到找到违规者。以您提供给我们的信息量，我们无法给您一个实际的答案。还。 !important 创造奇迹。 ;)

标签： html css middleman

【解决方案1】：

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

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

【讨论】：