http://www.cssstickyfooter.com/の CSS スティッキー フッターを使用しています。
必要な理由:#main{overflow:auto;}
と#footer{position: relative;}
?
それがなくても動作するようです (Opera と IE の修正について話しているわけではありません)。
http://www.cssstickyfooter.com/の CSS スティッキー フッターを使用しています。
必要な理由:#main{overflow:auto;}
と#footer{position: relative;}
?
それがなくても動作するようです (Opera と IE の修正について話しているわけではありません)。
overflow:auto;
ページが画面の高さに基づいて表示できる長さよりも長い場合、スクロールバーを追加するだけです。以前に使用したことがありますが、スクロールしてもページの下部にフッターが表示されたままになると信じています.
画面に表示できるよりも長いページで試して、動作を確認しましたか?
cssstickyfooter.comからの引用:
Clearfix ハックは必要ありません。
多くの CSS デザイナーは、Clearfix Hack に精通しています。フローティング要素に関する多くの問題を解決しました。このスティッキー フッター ソリューションの以前のバージョンでは、これが使用されていました。代わりに、よりモダンでコーディングしやすいソリューションは、overflow ステートメントです。これをメインに適用して、フッターを Chrome に固定できるようにします。また、コンテンツを片側にフロートさせ、サイドバーを反対側にフロートさせる 2 カラム レイアウトを使用するときに発生する問題も解決します。メイン内のフローティング コンテンツ要素により、一部のブラウザーでフッターが動かなくなることがあります。
必要ないかもしれませんが、必要に応じoverflow:auto
て要素をコンテナとして機能させ、それ自体を拡張してフローティング要素 (存在する場合) を格納します。
firebug を使用している場合は、overflow と一緒に使用して container をクリックすると、私の意味がわかりますelement#main
。含まれている要素全体に広がります。
それがなければ、コンテナー要素は可能な限り小さく保たれ、他の要素を「包含」しません。
ここでもっと読む: