我有一个由无序列表组成的导航栏:
<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风格的框架,“中间人”,但我怀疑是否会造成这种情况。有谁知道它来自哪里?
答案 0 :(得分:2)
<ul></ul>
元素为您提供了此top
和bottom
margin
:
ul.nav{
margin: 0 auto; /*reduce top and bottom margin to 0 and set left-right to auto*/
}