0

私は非常に長いドロップダウンメニューのソリューションを使用しましたが、これは素晴らしいドロップダウンメニューですが、問題は、サブメニュー（レベル2）の幅をレベル1の幅より大きく設定できないことです。

何か案は？

フィドル

修正をいじるありがとう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 に答える