CSSサブナビゲーションオート幅

Question

これはかなり長い間私を悩ませています。ここで私のフィドルを見てください。

http://jsfiddle.net/y9uEf/

あなたはSubnavはそれで非常に長いテキストがあるかどう大きな「成長」するように見えることができないことがわかります。私はそれがその幅が常に親の100％（この場合トップメニューのHome、Who、Contact）になるからだと分かっています。私はsubnav ulの幅を大きくしてsubnav ulを大きくすることができますが、それはsubnavコンテンツの幅に関係するすべてのサブナビで動作します。

これを動的にしたい場合はどうすればよいですか？たとえば、サブナブのコンテンツに「短いテキスト」（約50ピクセルと言う）しかない場合、サブナビの幅は50ピクセルになります。次に、サブナブのコンテンツに「非常に非常に長いテキスト」のリストがある場合（約200ピクセルと言う）、サブナビの幅は自動的に200ピクセルになります。あなたのliにwhite-space: nowrapを追加しようとすることができます

おかげ

Answer 1

。