ブラウザウィンドウの高さを変更したときにページの一番下にフッターが表示されない

Question

ブラウザウィンドウの高さをスクロール可能な位置に変更すると、フッターがページの下から移動して「ギャップ」を作成します。

私はPOSITION：FIXEDを使いたくありません。フッタはページではなく画面の下部に配置されます。後でコンテンツを追加すると、その下のコンテンツがカバーされます。

ウェブサイトにアップロード：http://developerbay.000webhostapp.com/

フッターのCSS：

.footer { 
    background-color: #940a0a; 
    height: 55px; 
    line-height: 55px; 
    width: 100%; 
    text-align: center; 
    color: #e1dac5; 
    font-size: 14px; 
    position: absolute; 
    bottom: 0; 
} 

フッターのHTML：

<div class="footer"> 
     <a>REGISTERED NAMES AND TRADEMARKS ARE THE PROPERTY OF THEIR RESPECTIVE OWNERS - Copyright © 2017 All rights reserved</a> 
    </div> 

Answer 1

は、私はあなたを理解すると仮定すると、これはそれを修正する必要があります

body{ 
    min-height: 100vh; 
    position: relative; 
} 

を