css - スティッキーフッターCSSの問題

Question

2列で幅が100％になるようにレイアウトを設計することができました。これは、ここで確認できます。

現在、このレイアウトでスティッキーフッター（100％）の高さを実装しようとしています。このレイアウトでは、右側の列の背景もフッターを流れ、左側の列の境界線もあります。

私の現在のレイアウトでこれを行う方法はありますか、または誰かが私が現在行っている方法の代替案を提案できれば素晴らしいです！

ありがとう！

score 3 · Accepted Answer

3

StickyFooter2009をご覧ください。これはSOでも何度も議論されています。

于 2009-09-15T00:59:34.733 に答える

score 0 · Accepted Answer

列を含むDIVにCSSクラスを追加し、そのスタイルを設定します。近づけるために、CSSファイルに以下を追加する必要がありました。

body
{
 height: 100%;
}

.footer
{
 position: absolute;
 top: 90%;
 left: 0;
 height: 10%;
}

2 に答える 2