Html 页脚在页面中间

Html 页脚在页面中间,html,css,Html,Css,当用户缩放到25%左右时,我似乎找不到一种方法来保持页脚在页面底部。但当用户使用默认缩放时,请将其保留在正确的位置。我可以删除整个页脚部分,它可以用于默认缩放。我一直在读很多书,但似乎无法使它发挥作用 以下是我的一些截图: 更多背景: html { height: 100% !important; } body, html { position: relative !important; } body { min-height: 100%; font-fa

当用户缩放到25%左右时,我似乎找不到一种方法来保持页脚在页面底部。但当用户使用默认缩放时,请将其保留在正确的位置。我可以删除整个页脚部分,它可以用于默认缩放。我一直在读很多书,但似乎无法使它发挥作用

以下是我的一些截图:

更多背景:

html {
    height: 100% !important;
}

body, html {
    position: relative !important;
}

body {
    min-height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    overflow-x: hidden !important;
    color: #838282;
    font-family: 'Open Sans', sans-serif;
}

我正在使用引导。请,欢迎您提出任何意见,谢谢。

尝试删除页脚和底部的绝对位置:0。如果这不起作用,你介意也发布HTML吗?我知道有些人讨厌它,但是你试过用“位置修正”来代替它吗?还有一个javascript解决方案可以粘贴到底部吗?--我认为您的问题是主体区域比浏览器窗口高,并且您使主体没有溢出,因此您的绝对值最终是浏览器高度或其他东西,而不是内容。如果不看到您的html代码以及css,就无法说出问题所在。@T.Chmelevskij i'd只需将所有内容上传到Web服务器,这样我们就可以访问它并尝试找出问题所在。
html {
    height: 100% !important;
}

body, html {
    position: relative !important;
}

body {
    min-height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    overflow-x: hidden !important;
    color: #838282;
    font-family: 'Open Sans', sans-serif;
}