0

コンテキスト: これは、私が取り組んでいる wordpress テーマの出力 html です。

(フッター)を調べるまで、レイアウトはすべて問題ないように見えました。<div id="foot">高さがページ全体であることに気付きました。コンテンツのサイズだけだと思っていました。

こちらをご覧ください( code )

問題をデバッグしようとして、div のコンテンツを削除したり、div を削除したりすると、残りのデザインが壊れてしまうことに気付きました。なぜですか?

こちらをご覧ください( code )

フッター ( <div id="foot">) がコンテンツの高さになることを期待していましたが、 の後に別の div を追加するとうまくいくようです#foot:

こちらをご覧ください( code )

削除する#footと他のコンテンツが台無しになる理由がわかりません#foot。また、高さ(ページの上部)でレンダリングされる理由もわかりません。

4

2 に答える 2

1

私は今あなたの質問を理解しています。フロートがありますが、フット div はそれをクリアしません。

追加する必要があります...

clear: both;

...また...

clear: left;

... #footCSS に渡して、その上の左のフロートをクリアします。そうしないと、コンテンツがフッターに回り込みます。

これはjsFiddleの更新で、足が適切な位置にあることを示しています。

補足として、すべての div 要素を閉じていないと思います。

于 2012-11-13T04:53:29.527 に答える
1

さて、あなたが実際に求めていたことがわかりました。他の人に、あなたが実際に求めていたことを明確にしてもらいたいと思います。それはfloats.

デモ

解決済みのデモ

この行をfooterdiv の上に追加してフロートをクリアし、赤い色を使用して違いを示します

<div style="clear: both;"></div>
  <div id="foot">
    footer
  </div>
于 2012-11-13T05:02:20.747 に答える