1

CSS でドロップダウン メニューの第 3 レベルを設計する際に問題が発生しています。

私はあなたに見せるためにここに実用的なフィドルを持っています: http://jsfiddle.net/HdFaV/

ご覧のとおり、最初のメニュー項目 A とそのサブレベルは適切に配置できます (3 番目のレベルと 2 番目のメニュー項目の重なりは無視してください)。ただし、2 番目のメニュー項目 XXXXXXXXX の 3 番目のレベルを試みると、位置が正しくありません。

この問題は、以下のコードの margin-left が原因であることを理解しています

/* level 3+ list */
#nav ul ul
{
    margin-left: 50px;
    top: 0px;
}

第 2 レベルのメニュー項目の幅の長さに応じて、margin-left を自動的に設定する方法はありますか? または、それらのすべてに手動でマージン左を設定する必要がありますか? そのような：

#nav ul ul:nth-child(1)
{
....
}

等々..？

助けてくれてありがとう！

ボスY

4

1 に答える 1

1 
#nav ul ul
{
    left:100%;
    top:0;
}

左マージンを使用する代わりに、上位のリスト項目の幅を計算する 100% の配置を使用します。

于 2013-08-23T05:15:09.317 に答える