0

ヘッダーに左、中央、右の配置を作成しようとしています...目的は次のとおりです。

  1. ツールバーを保持するトップレベルのDIVは、そのコンテンツに合わせたサイズにする必要があります。
  2. 左と右のdivのサイズは固定されていますが、中央が残りのスペースを占める必要があります。

私の例： http： //jsfiddle.net/WarrickF/bx3tw/

ある種の作業ですが、私のCSSは本当に錆びていて、単純でクリーンな方法で行う方法について頭を悩ませることはできません。位置絶対アプローチを使用するとすぐに、ヘッダーdivはコンテンツのサイズを認識しなくなります。検索ボックスを使用して、適切なdivをイメージできます。

誰かがこれを行うための簡単でクリーンな方法を知っていますか？

ありがとうウォリック

4

3 に答える 3

1

左右のdivをフローティングにし、中央のdivの幅を省略します。

私はあなたのフィドルを更新しましたhttp://jsfiddle.net/bx3tw/1/

于 2012-08-17T15:43:47.073 に答える
0

はい、divをフロートさせますが、中央のdivのサイドマージンを指定します。新しいフィドルhttp://jsfiddle.net/bx3tw/2/

于 2012-08-17T15:49:56.337 に答える
0

完全を期すために、次のように絶対測位を使用してこれを実行することもできます。http: //jsfiddle.net/bx3tw/4/

于 2012-08-17T15:59:25.510 に答える