0

大きな画面では、フッターがページの下部に表示されず、下部に白い「バー」が表示されます (ページの背景の色)。

スティッキー フッターなどについては認識していますが、フッター内の要素に絶対配置を使用しているため、これらのテクニックを使用すると、フッターの残りの部分がうまくいかなくなります。直前にフッターの下に空の div を追加し、その最小の高さを 100% に設定し、背景色をフッターの色 (黒) と一致させましたが、何もしません。動的にしたいので、10pxのスペースでも500pxのスペースでも、そこにある場合はスペースを埋めます。

誰かが回避策を持っていますか?

4

2 に答える 2

1

粘着性のあるフッターを使用したくない場合は、body背景色をフッターと同じ色にしてから、コンテンツ領域の背景を白に設定します。これにより、ブラウザーのサイズに関係なく、フッターがページの下部まで拡張されているように見えます。

于 2013-11-07T16:24:22.877 に答える
0

はい、「絶対」スタイルのフッター配置を使用していません。これはひどい解決策です。

奇妙なことに、Twitter Bootstrap にはスティッキー フッターを実装する方法の最も簡単な例があります。これは、古くから存在する手法です。

http://getbootstrap.com/examples/sticky-footer/

方法は簡単です。フッターを除くすべてのコードをラッパー div で囲みます。そのリンクのソースを参照すると、ID が wrap のラッパーが表示されます。次に、上記の css を調べる場合: http://getbootstrap.com/examples/sticky-footer/sticky-footer.css

スティッキー フッター スタイル セクションをコピーして、サイトに合わせてください。これの重要な部分は、フッターの高さの値がラッパー要素のマージンとパディングの値と一致することです。

于 2013-11-07T16:16:32.883 に答える