如何把水平下拉菜單欄

Question

我已經遇到了一個問題，把水平子菜單欄。基本上，我可以做垂直下拉菜單欄，但我沒有任何想法如何使水平下拉菜單欄。這是我能： http://jsfiddle.net/eSxT9

但我需要這樣的：https://www.dropbox.com/s/idx2r5bkbuzd1t0/horizonatl-sub-menubar.png

我想用CSS做。我想，我將不得不改變這個代碼：

.nav ul ul { 
     position: absolute; 
     left: 0; 
     right: 0; 
     display: none; 
     z-index: 5; 
    } 

我刪除左：0，右：0，給予寬度100％。但是，它不會工作。我不知道該怎麼做。請幫幫我。

Answer 1

的例子給出一個寬於內UL和漂浮在LI爲內UL http://jsfiddle.net/eSxT9/1/

.nav ul ul { 
    position: absolute; 
    width:1000px; 
    left: 0; 
    right: 0; 
    display: none; 
    z-index: 5; 
} 
.nav ul ul li { 
    float:left; 
    margin: 0; 
} 

Answer 2

您需要使用display: inline該特定<ul>

下面有一個simmilar邏輯http://jsfiddle.net/kevinPHPkevin/te5AU/268/