0

我使用了超长下拉菜单的解决方案，这是一个很棒的下拉菜单，但问题是我无法将子菜单（二级）宽度设置为大于一级宽度

有任何想法吗？

小提琴

摆弄修复谢谢dunli

我的菜单截图

CSS：

 /* 
        LEVEL ONE
    */
    ul.dropdown                         { position: absolute; width: 100%; }
    ul.dropdown li                      { float: right; position: relative; list-style-type:none; width: auto; text-align:center;  }
    ul.dropdown a:hover                 { color: #000;  }
    ul.dropdown li a                    { display: block; color: #222; position: relative; z-index: 2000;  }
    ul.dropdown li a:hover,
    ul.dropdown li a.hover              { background: #F3D673; position: relative; }
    .suca {
    width:100px;}

    /* 
        LEVEL TWO
    */
    ul.dropdown ul                      { display: none; position: absolute; top: 0; left: 0; width: 80px !important; z-index: 1000; }
    ul.dropdown ul li                   { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc;  width:auto;}
    ul.dropdown ul li a                 { display: block; background: #eee !important; padding-right: 20px; width: 100px !important; } 
    ul.dropdown ul li a:hover           { display: block; background: #F3D673 !important; width: 100px !important; }
4

1 回答 1

2

我已经更新了你css的一点点。这里

于 2013-01-11T07:53:09.663 回答