css - 下拉菜单 CSS 问题

Question

我为我的 Wordpress 网站创建了一个下拉菜单。在这个 jsfiddle 你可以找到 HTML 和 CSS 代码：http: //jsfiddle.net/N5H4c/

see jsfiddle

我有一个CSS问题。我创建了下拉菜单，但是当我将鼠标悬停在“菜单项 One”上时，它会伸展并获得更多宽度。那不应该。子菜单项可以更大，但菜单项本身不应改变大小。此外，当我悬停菜单时，它周围到处都是黄色背景，我想将其删除。

Answer 1

你需要更新

#menu ul {
    position: absolute;
    background: #f7e600;
}

检查jsfiddle

http://jsfiddle.net/N5H4c/5/

Answer 2

添加

position: absolute;
top: 38px; // your menu's height
left: 0;
white-space: nowrap;

至#menu ul：http: //jsfiddle.net/N5H4c/2/