CSS下拉菜單的大小問題

我有一個簡單的問題，我的CSS下拉菜單，我想讓它下拉等於他們上面的按鈕等長。看下面的例子，我只想將塊拉伸到上面塊的長度。CSS下拉菜單的大小問題

新用戶，如果使用不能上傳圖片

我jsFiddle link你可以看到我的代碼，並現場進行編輯。無論如何，我會發布代碼以防萬一.. 注意我只在這裏發佈CSS樣式表，因爲HTML不是問題的一部分。

/* Dropdown Menu */ 

#nav { 
float: right; 
width: 600px; 
height: 90px; 
margin: 0 auto; 
padding-top: 65px; 
} 

#nav ul { 
    font-family: Arial, Verdana; 
    font-size: 14px; 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    float: right; 
} 
#nav ul li { 
    display: block; 
    position: relative; 
    float: left; 
} 
#nav li ul { display: none; } 
#nav ul li a { 
    display: block; 
    text-decoration: none; 
    color: #ffffff; 
    border-top: 1px solid #ffffff; 
    padding: 5px 15px 5px 15px; 
    background: #3636FE; 
    margin-left: 1px; 
    white-space: nowrap; 
} 
#nav ul li a:hover { background: #3636FE; } 
#nav li:hover ul { 
    display: block; 
    position: absolute; 
} 
#nav li:hover li { 
    float: none; 
    font-size: 11px; 
} 
#nav li:hover a { background: #3636FE; } 
#nav li:hover li a:hover { background: #6868FE; }

來源

2013-01-23 Devon Helsdon

固定。（至少爲Chrome +火狐+ IE9）

http://jsfiddle.net/QZWj3/4/

你不得不添加width: 100%到#nav李：懸停UL和#nav李：懸停李

來源

2013-01-23 00:32:54 Smuuf

完美！謝謝，我知道這很容易，但我是新來的CSS :) –

CSS下拉菜單的大小問題

回答

相關問題