1

ロールオーバー時にサブ ナビゲーションを表示する純粋な CSS ロールオーバー メニューがあります。このサブ ナビゲーションの幅は、コンテンツを表示するために必要な幅にしたいと考えています (つまり、CSS で幅をハードコーディングしたくありません)。ただし、CSS で幅をハードコーディングしないと、div がウィンドウの端近くで壊れ、コンテンツが折り返されます。幅を設定すると、目的の効果が得られ (div がハードコードされたサイズであることを除いて)、コンテンツは折り返されず、単に拡張されます。両方を持つ方法はありますか？

4

2 に答える 2

1

DIV は壊れません。順序付けられていないリストが壊れます。リスト内のコンテンツは壊れますが、幅が設定されていない div は常にページの幅全体を占めます (余白を調整する前)。

必要なのは、div 内のコンテンツがラップされないようにすることです。これは次の方法で実行できます。

 #navItem {
   white-space: nowrap;
 }

最小幅と最大幅を使用するか、JavaScript を使用して動的な幅を設定するより複雑な方法がありますが、どちらもブラウザー間で一貫していません。

于 2009-12-19T00:07:56.567 に答える
0

Superfish、特に「Supersubs」のオプション、 http ://users.tpg.com.au/j_birch/plugins/superfish/#sample5 を確認することをお勧めします。

サブナビ項目をコンテンツの幅に合わせて自動調整します。

于 2009-08-04T20:24:54.463 に答える