html - 如何使用 css 修复子菜单变得 100% 宽

Question

我是 .net 开发人员，不知道 css 技巧。我添加了一个从某处找到的菜单并将其添加到这里http://delhipitch.com

但我不记得我做了什么改变，因为这个菜单不能正常工作。

不知何故，我发现使用 firebug 添加 z-index。

div.menu3 ul ul

现在，我想要解决的唯一问题是 100% 宽的子菜单。

有人可以帮我在css部分中添加什么来纠正这个问题。

也欢迎任何新的建议。

Answer 1

现在添加此代码

.menu3 > ul > li{
position:relative;
}
.menu3 > ul > li > ul {
z-index:100;
left:0;
width:auto;
top:50px;
position:absolute;
}

Answer 2

在行中：

div.menu3 ul ul {
    background: none repeat scroll 0 0 #5F6975;
    border-radius: 0 0 0 0;
    padding: 0;
    position: absolute;
    top: 100%;
}

添加： 宽度：100%

width: auto;
left:0;

希望能帮助到你。

编辑：哎呀......我误读了这个问题......实际上，宽度必须设置auto为 Rohit Azad 所说的那样。