2013-01-06 200 views
1

我試圖讓我的導航欄走到我的頁面末尾,我遇到了麻煩。 我的導航欄是漸變的,我已經嘗試了一些東西讓它從頁面的左側走到右側的最後,我可以幫忙嗎?
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); 
} 
+1

你可以添加一個你正在問題的jsFiddle嗎? –

回答

0

既然你看着你的代碼後,提在問題的標題Width ......從我的頭頂,嘗試改變:

width: %100; 

width: 100%; 
+0

沒有工作,感謝嘗試雖然:) – Cloak