0

大家好,我现在的菜单是这样的:

在此处输入图像描述

我需要这样做,以便子菜单不会使其父宽度拉伸(对于 ul ul 和 ul ul ul),如下所示:

在此处输入图像描述

这是我创建的一个 JS Fiddle:

http://jsfiddle.net/7NC8A/

非常感谢您的帮助!

谢谢,彼得

4

1 回答 1

0

不是一个完整的解决方案,但有些看起来像您的第二张图片。请注意,有一些固定的宽度值,这可能会给您带来麻烦,如果它不能解决您的问题,我很抱歉。

#access ul ul {
    display: none;
    float: left;
    left: -70px;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 400px;
    z-index: 9999;
}
#access ul ul li {
    float: left;
}
#access li {
    display: inline-block;
    width: 170px;
}
于 2012-05-20T02:14:45.070 回答