導航欄下拉菜單固定寬度

我想知道是否有一個簡單的方法來修復此下拉菜單上的寬度？導航欄下拉菜單固定寬度

我想在相同的位置，其中一個箱子效果下拉列表說「下拉菜單」

好像它不應該蜂太狠了修復，但我很新到CSS。

這裏的CSS代碼：

nav { 
    width: 100%; 
    float: left; 
    margin: 0 0 3em 0; 
    padding: 0; 
    list-style: none; 
    background-color: #242424; 
    border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc; 
    position:fixed; 
    top:0px; 
} 
nav li { 
    float: left; 
} 
nav li li { 
    clear: both; 
} 
nav li a { 
    display: block; 
    padding: 8px 15px; 
    text-decoration: none; 
    font-weight: bold; 
    color: #7ACC01; 
    border-right: 1px solid #ccc; 
} 
nav li a:hover { 
    color: #c00; 
    background-color: #fff; 
} 
nav ul ul { 
    display: none; 
} 
nav ul li:hover > ul { 
    display: block; 
}

感謝您的閱讀。

來源

2014-02-28 user

nav ul li:hover > ul {  
    display: block; 
    position:absolute; 
}

http://jsfiddle.net/AK7Fb/

來源

2014-02-28 16:24:24 pooler

謝謝你，這是完美的！ – user

簡單到只適用BG顏色？（對不起，雙後沒有注意到enter =提交） – user

http://jsfiddle.net/AK7Fb/ – pooler

導航欄下拉菜單固定寬度

回答

相關問題