フッターが最下部にない理由

Question

私が取り組んでいるサイトがあります。私は、ページの下部に貼り付けるためにフッターを取得したい。 だから私は基本的にこれをしなかった簡単なガイドに従っ：

html { 
    height: 100%; 
} 

body { 
    min-height: 100%; 
    position: relative; 
    padding-bottom: $footer-height + $footer-margin-top; 
} 

.footer { 
    position: absolute; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    height: $footer-height; 
} 

これは、起動時に動作するように見えました。それから、コンテンツがビューポートの高さ以上で、それが機能しなくなった段階になりました。

thisを見ると、フッターがページの下部にあることがわかります。

thisを見ると、フッターはビューポートの下部にあります。 これは簡単な修正ですが、わかりません。 誰かが私に手を差し伸べることができますか？ body上のコンテンツは、あなたがスクロールした後にそれが表示されていることを十分に大きくなければあなたのフッターがページの下部に固執したい.footerposition: fixedへ

Answer 1

ため

Answer 2

変更 position:absolute？

もしそうなら、あなたはあなたの体のタグにheight: auto;を設定する必要があり、それはあなたのmin-heightルールに複数100%セットの場合、それは考慮に入れて、下の方にフッターをプッシュしています。

これが意図した動作であるかどうかを教えてください。

Answer 3

.footer { 
    position: static; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    height: $footer-height; 
}