我不知道这是否是您要找的东西,但我在我的网站上使用过它,无论浏览器窗口大小如何,它都保持相同的宽度,当然我的不是下拉栏,所以我不能保证下拉菜单会保持相同的宽度(它们应该)
这就是我所做的,我为我的菜单创建了一个 div,并将菜单放在 div 中,就像这样。
<div id="nav">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="special-offers.php">Special Offers</a></li>
<li><a href="Partners-&-Affiliates.php">Partners & Affiliates</a></li>
<li><a href="contact.php">Contact Us</a></li>
</ul>
</div>
您可以编辑代码,使其与您的相同。
这是菜单的css(您可以再次编辑它以使其像您的一样)
#nav {
width: 100%;
max-width:100%;
min-width:100%;
float: left;
margin: 0 0 1em 0;
padding: 0;
background-color: darkgoldenrod;
border-bottom: 1px solid #ccc;
}
#nav ul {
list-style: none;
width: 800px;
margin: 0 auto;
padding: 0;
}
#nav li {
float:left;
width:200px;
text-align:center;
}
#nav li a {
display: block;
padding: 8px 15px;
text-decoration: none;
font-weight: bold;
color: black;
border-right: 1px solid #ccc;
}
#nav li:first-child a {
border-left: 1px solid #ccc;
}
#nav li a:hover {
color: black;
background-color: peru;
}
我希望这个对你有用。