下拉菜单 CSS 问题答案

【问题标题】：Dropdown menu CSS issue下拉菜单 CSS 问题
【发布时间】：2013-04-24 19:50:13
【问题描述】：

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

see jsfiddle

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

【问题讨论】：

【解决方案1】：

你需要更新

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

检查 jsfiddle

【讨论】：

【解决方案2】：

添加

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

【讨论】：