html - 按钮填满整个页面？

Question

我有这个网站:[已删除 - 问题已解决]如您所见，如果您查看导航栏，按钮不会填满它，因此看起来很难看。我想知道是否有一种方法可以计算按钮的宽度，无论我有多少个按钮，它们总是会填满整个页面的宽度，因此只允许看到它们下方的一个小条纹。这是 CSS:

ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}

li {
float: left;
}

a:link, a:visited {
display: block;
width: 120px;
font-weight: bold;
color: #FFFFFF;
background-color: #359DFF;
text-align: center;
padding:4px;
text-decoration: none;
text-transform: uppercase;
}

a:hover,a:active {
transition-property: background-color;
background-color: #33CCFF;
transition-duration: 1s;
}

.navbg {
background-color: #33CCFF;
position: absolute;
top: 70px;
width: 100%;
height: 32px;
z-index: -1;
}

Answer 1

只要改变li的宽度

li {
width: 20%;
float: left;
}