html - テキストがオーバーフローした場合に ul の幅を拡張する

Question

ul li ul li のテキストがボックスの幅からはみ出す場合、ul li ul (ドロップダウン) を展開することはできますか?

jsfiddle: http://jsfiddle.net/KAVzf/1/

ありがとう ：-）

Answer 1

メニューから へのすべての参照を削除しwidth: 100%ます ( #midwrap #nav li ul、#midwrap #nav li ul li、#midwrap #nav li ul li a)

作業例: http://jsfiddle.net/KAVzf/13/

アップデート

ホバー時にサブメニューでテキストのみが強調表示される問題を解決するには、次の CSS を に追加する必要があります#midwrap #nav li ul li。

#midwrap #nav li ul li {
    ...
    float: none;
    display: block;
    ...
} 

作業例: http://jsfiddle.net/KAVzf/22/

Answer 2

これをチェックして

http://jsfiddle.net/KAVzf/14/

#midwrap #nav li ul li {} とから width 100% を削除#midwrap #nav li ul {}

アンカーのみ幅を 100% にします。