私はhttp://www.vanessacaroline.comを設計している最中で、CSS の支援が必要です。現在の画面解像度で問題がはっきりしない場合は、ウィンドウのサイズを変更して、サンプルの 2 列のレイアウトでフッターが押し出されるようにします。最も簡単な方法は、ブラウザー ウィンドウの下端をつかんで上にドラッグすることです。
グロスでしょ？コンテンツがフッターを押し下げないだけでなく、ページがスクロール バーを作成しません。
ウィンドウを水平方向にスケーリングすると、2 番目の浮動列の div がドロップダウンし、フッターにあふれます。
ただし、ウィンドウを水平方向に縮小すると、最終的に列のコンテンツがフッターを押し下げ始めます...これは正しい機能ですが、最初のフラッディングを取り除くことができないようです.
私は比較的流動的なレイアウトを作ろうとしてきました。フッターコードには、 http: //ryanfait.com/sticky-footer/のリファレンスを使用しました。私はネット上でいくつかの他の方法を見てきましたが、私はこれに行きました.フッターが常にページの一番下にくっついている通常のコンテンツ/スクロールバーの動作が欲しいです; 誰でも助けることができますか？
ありがとう！
編集: 最初の提案でサイトを更新しました。#push の clear:both と、#wrapper、#push、#footer の position:relative です。これで、読み込まれた画面位置のしきい値より下にフッターが表示されます...これにより、「隠れたフッター効果」が生まれます。
私はこれを気に入っていますが、非常に薄い画面解像度で表示すると、フッターが下部のコンテンツに重なって表示されます。 どうすればこれを回避できますか???