2

アップデート

http://www.jsfiddle.net/dougrchamberlain/nMkxE/

すべてがどのように崩壊するかをご覧ください。id = Middleの幅は、残りの中央全体にまたがる必要があります#left:width - #wrapper:width = #middle:width

#rightにコンテンツが含まれている場合

(#left:width + #right:width) - #wrapper:width = #middle:width

最新の編集

みんなの情報のためだけに。以下の画像はMSpaintで作成されました。HTMLはまったく使用されていません。

編集

これはトリックの質問ではありません。さらに、html4のみをオプションとして検討してください。どうやら私はHTML4タグを逃しました。また、空のときに右側のペインを折りたたむ必要があるという事実を皆さんは考えていますか。

Divレイアウト構造

実際の機能、つまりメニューコンテンツ領域などのネストされたdivは含まれません。

私のカウントは6ですか？

4

2 に答える 2

0

要素を固定幅のdivでラップする必要がない場合は、必要なのは5つだけです。それ以外の場合は6つです。

  1. ヘッダ
  2. 左
  3. 真ん中
  4. 右
  5. フッター
  6. ラッパー（オプション）

レイアウトのdivの量を最小限に抑えて、数バイトを節約しようとしていないことを願っています:)

于 2011-01-24T22:02:29.807 に答える
0

編集：ヘッダー、左、中央、右を使用し、フッターの最初の要素をクリアするように設定すると、わずか4divで回避できます。

そのための最も簡単な方法は、次のようなことを行うことです。

body p {クリア：左; }

この例のように：http：//jsfiddle.net/86M3M/1/

...そしてhtml5を使用する場合：divは必要ありません;）

<!DOCTYPE html> 
    <html>    
    <head>...</head>
    <body>

    <header>
       ...
       <nav id="main"> ... </nav>
    </header>

    <nav id="left"> ... </nav>

    <section id="main_content"> ... </section>

    <section id="right_content"> ... </section>

    <footer> ... </footer>

    </body> 
    </html>
于 2011-01-25T02:14:47.343 に答える