子菜单链接填充

Question

我有一个带有10个链接（html + css）的子菜单，它们之间有很大的差距（比如5px）。有没有办法让它变小，把链接置于链接imediatly。下面的子菜单结构。

<ul>
    <li>
    <li>
    <li>
</ul>

.nav ul {
position: absolute;
background-color:#133966;
white-space: nowrap;
border-bottom: 5px solid  orange;
z-index: 10;
margin-top:4px;
left: -99999em;
width: auto;
height: auto;
}

.nav a {
display: block;
color: #fff;
text-decoration: none;
padding: 0px 12px;
text-transform: uppercase;
font-size: 80%;
letter-spacing: 2px;
position: relative;
margin-left: 3px;
margin-right: 3px;
}

[更新]似乎.nav是一个{padding}属性，但即使填充0，它们之间仍然是一个很大的空间。

Answer 1

尝试设置：margin-bottom：0px！important;