html - 当您调整浏览器窗口的高度时，页脚不在页面的最底部

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;
}