浮動CSS UL航行權利，沒有重新排序

Question

我使用這個jQuery導航：http://css-tricks.com/5582-jquery-magicline-navigation/

我想有導航浮動的權利，而無需重新排序（如家庭，接觸變得接觸，回家）。不幸的是，我得到了一些奇怪的結果，當我累自己 - 你可以在這個屏幕捕捉我上傳看到：

http://postimage.org/image/1idig02pw/

原始代碼：

#navstyle { 
list-style:none; 
position:relative; 
width:960px; 
margin:0 auto 
} 

#navstyle li { 
display:inline-block 
} 

#navstyle a { 
color:#bbb; 
font-size:14px; 
float:left; 
text-decoration:none; 
text-transform:uppercase; 
padding:6px 10px 4px 
} 

#navstyle a:hover { 
color:#FFF 
} 

#magic-line { 
position:absolute; 
bottom:-2px; 
left:0; 
width:100px; 
height:2px; 
background:#fe4902 
} 

.current_page_item a { 
color:#FFF!important 
} 

.ie6 #navstyle li,.ie7 #navstyle li { 
display:inline 
} 

的HTML： UL採用div「nav-wrap」包裝。 UL類是id爲「navstyle」的「group」。當前頁面，主頁，具有li類「current_page_item」。

這是代碼我改變使它浮權：

.nav-wrap { 
float:right; 
width:100%; 
font-size:1em; 
margin-top:108px; 
position:relative 
} 

#navstyle { 
list-style:none; 
float:right; 
display:inline-block; 
margin:0 
} 

#navstyle li { 
display:inline-block 
} 

什麼我做錯了任何想法？我非常感謝任何幫助！ :)

Answer 1

如果要維護訂單，只能浮動左側的列表項。如果你想把整個東西放在右邊，只需漂浮<ul>即可。