7

私の人生では、これを機能させる方法を見つけることはできません。

3 つの div (左側のサイドバー、メイン ボディ、フッター) がある場合、サイドバーとメイン ボディの位置を「絶対」に設定したりフローティングしたりせずに隣り合わせにするにはどうすればよいですか? これらのオプションのいずれかを実行すると、フッター div がいずれかによって押し下げられなくなります。

これらの要素の前にあるもの (別のヘッダー div など) に関係なく、これをどのように達成できますか?

それが役立つ場合に備えて、私が許可しようとしている2つのケースの図を次に示します。

代替テキスト

現在設定している HTML の簡略版を次に示します。

<div id="sidebar"></div>
<div id="content"></div>
<div id="footer"></div>
4

3 に答える 3

18

フロートをクリアするには、フッターを指定する必要があります。

#footer{
 clear: both;
}

これにより、浮動要素の下に強制されます。

クリアの他のオプションは左と右です。

于 2008-11-08T02:54:14.100 に答える
1

これらのオプションのいずれかを実行すると、フッター div がどちらかによって押し下げられなくなりますか?

このツールを試す

于 2009-02-01T07:22:45.803 に答える
0

今のところ、何もフロートしたくない、または position: absolute を使用したくない場合は、かなり絶望的です。

残っている唯一の選択肢は次のとおりです。

  • サイドバーとコンテンツ div には display:inline-block を使用します (これはまだすべてのブラウザーでサポートされているわけではありません)。
  • css の高度なレイアウト モジュールまたはその他の列モジュールを待ちます (おそらく永遠にかかります)
  • テーブルの使用に戻る
于 2009-01-12T16:46:50.897 に答える