CSS沒有延伸背景邊框的下拉列表

我目前有一個問題，我無法解決我自己，所以我把我的問題轉給你們，希望你能幫助我。CSS沒有延伸背景邊框的下拉列表

我試圖創建一個下拉列表/菜單，它的工作原理是完美的，儘管背景邊界與下拉列表一樣，看起來像一團糟。

所以我想得到你的意見來解決這個問題。我已經把代碼網上，並有與下拉列表菜單中的小演示：

演示：http://test.xavizus.eu/test2/
CSS：http://codepaste.net/zjyeha

非常感謝你提前。

來源

2012-09-30 Xavizus

我認爲問題在於你的HTML標記。 –

歡迎來到SO！感謝您提供相關的代碼和演示，這非常有幫助。 –

謝謝Jared :) SidMS - 我已經確定了這個問題，它在我的「菜單」ID - 如果你看看：http：//test.xavizus.eu/test/這很好。所以問題出在這個部分： #menu {} {border-radius：5px; 溢出：隱藏; background-color：＃484848; color：#FFFFFF; padding：5px 5px 0px 5px; margin：5px 5px 5px 5px; 字體：8pt verdana，arial，sans-serif; } 我真的不知道該怎麼做，只是忽略這個:( – Xavizus

您可以：

#menu { 
    height: 30px; 
    overflow: visible; 
    border-radius: 5px; 
    background-color: #484848; 
    color: #FFFFFF; 
    padding: 5px 5px 0px 5px; 
    margin: 5px 5px 5px 5px; 
    font: 8pt verdana, arial, sans-serif; 
}

這將允許ul子菜單中顯示，但將保持#menu增長到容納它的高度。

來源

2012-09-30 00:10:02

有時問題都可以通過簡單的解決方案得到解決...... 非常感謝賈裏德:) - 覺得我簡而言之內現在:) – Xavizus

沒問題，很高興我能幫上忙。如果它回答你的問題，一定要注意並標記爲答案。 '：）' –

這樣做，當我弄清楚：D - 發現它！：D – Xavizus

CSS沒有延伸背景邊框的下拉列表

回答

相關問題