html - 渐变导航栏宽度

Question

我试图让我的导航栏转到我的页面的末尾，我遇到了麻烦。我的导航栏是渐变的，我尝试了一些方法让它从页面的最左侧到右侧的最末端，请问有什么帮助吗？
CSS:

.nav ul {
list-style-type:none;
margin:0px;
padding:0px;
}


    .nav li {
float:left;
}

    .nav a:link, a:visited {
display:block;
width: %100;
font-weight:bold;
color: #FFFFFF;
background-color:#363636;
background-image:url('../images/nav.png');
background:-webkit-gradient(linear,left top,left bottom,from(#363636),to(#0A0A0A));
background:-webkit-linear-gradient(top,#363636,#0A0A0A);
background:-moz-linear-gradient(top,#363636,#0A0A0A);
background:-o-linear-gradient(top,#363636,#0A0A0A);
background:-ms-linear-gradient(top,#363636,#0A0A0A);
background:linear-gradient(top,#363636,#0A0A0A);
text-align: center;
padding: 10px;
padding-left: auto;
padding-right: auto;
text-decoration:none;
}

    .nav a:hover, a:active {
color: #FFFFFF;
background-color:#0A0A0A;
background:-webkit-gradient(linear,left top,left bottom,from(#363636),to(#363636));
background:-webkit-linear-gradient(top,#0A0A0A,#363636);
background:-moz-linear-gradient(top,#0A0A0A,#363636);
background:-o-linear-gradient(top,#0A0A0A,#363636);
background:-ms-linear-gradient(top,#0A0A0A,#363636);
background:linear-gradient(top,#0A0A0A,#363636);
}

Answer 1

既然你在问题的标题中提到了 Width ......在查看你的代码后从我的头顶开始，尝试改变:

width: %100;

到

width: 100%;