我在调整导航菜单的大小或间距时遇到问题,如下图所示。如果有人知道如何,请告诉我。我只想调整导航菜单框的大小,使第一个变得像第二个(将其调整为更小)。
HTML
<!--MENU-->
<nav id = "main-nav-menu">
<ul class="sf-menu">
<li class="active"><a href="index.html">Home</a>
<li><a href="about-us.html">ABOUT US</a>
</li>
<li> <a href="services.html">SERVICES</a>
</li>
<li><a href="products.html">OUR PRODUCTS</a>
</li>
<li><a href="equipments.html">OUR EQUIPMENTS</a>
</li>
<li><a href="machine_list.html">MACHINE LIST</a>
</li>
<li><a href="contact.html">CONTACT</a>
</li>
</ul>
</nav>
<!-- end menu -->
CSS
#header .menu select {
border: 1px solid #CCCCCC;
display: block;
left: 4px;
position: relative;
top: 205px;
width: 250px;
}
#header .menu select {
display: block;
width: 200px;
}