divのサイズを自動的に作成する方法はありますが、ウィンドウの端で折れないようにしてください。

Question

私はロールオーバーでサブナビを表示する純粋なCSSロールオーバーメニューを持っています。このサブナビゲーションの幅は、コンテンツを表示するために必要なもの（CSSの幅をハードコードしたくないなど）にする必要があります。しかし、CSSで幅をハードコーディングしなければ、divはウィンドウの端の近くで折れ、内容は折り返します。幅を設定すると、divがハードコードされたサイズであることを除いて、目的の効果が得られ、コンテンツは折り返されず、ただ伸びます。両方を持つ方法はありますか？

Answer 1

あなたはそれが自動的にコンテンツの幅にsubnav項目を調整http://users.tpg.com.au/j_birch/plugins/superfish/#sample5

、SUPERFISH、「Supersubs」と特にオプションで見たいと思うかもしれません。

Answer 2

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

はで行うことができ、ラッピングからのdiv内のコンテンツを維持することです：

#navItem { 
    white-space: nowrap; 
} 

より複雑最小 - とmax-幅を使用して動的な幅を有するの方法、またはではありますjavascriptを使用していますが、どちらのブラウザーでも一貫していません。