我有两个导航条,我希望彼此叠加,没有空格,但由于某种原因,有一个空行,好像我曾经使用过
.
HTML部分
<!DOCTYPE html>Logo!
<BR>
<ul class="menu">
<li><a href="#">Home</a>
</li>
<li><a href="#">placeholder</a>
</li>
<li><a href="#">placeholder</a>
</li>
<li><a href="#">placeholder</a>
</li>
<li><a href="#">placeholder</a>
</li>
<li><a href="#">placeholder</a>
</li>
</ul>
<ul class="submenu">
<li><a href="#">subheader1</a>
</li>
<li><a href="#">subheader2</a>
</li>
<li><a href="#">subheader3</a>
</li>
</ul>
CSS部分:
.submenu {
text-align: left;
background-color: #C2F0C2;
}
.menu {
background-color: #98bf21;
}
body {
width: 900px;
margin: 2em auto;
}
.menu ul {
margin:0;
padding:0;
overflow: hidden;
text-align: center;
font-size:0;
}
.menu li {
display: inline;
list-style: none;
}
.menu …