Html 我的页脚未与页面底部对齐

我的页面上有一个名为footer的

div类。设置为
位置：绝对底部为：0；，但它不像页脚那样与页面底部对齐。相反，它会粘在浏览器窗口的底部，并在我滚动时随页面移动

我希望它停留在页面底部，离开站点，直到用户滚动到底部。我该如何解决这个问题，到底是什么阻止它跌入谷底

提前谢谢


正文{
字体大小：62.5%；
}
#主要{
身高：100%；
}
/*a href更正*/
.导航，.导航：已访问{
文字装饰：无；
颜色：#f5；
}
.阿加，.阿加：参观{
文字装饰：无；
颜色：#000913；
}
/*停止*/
.一半{
背景色：#2ac15d；
位置：绝对位置；
保证金：0；
宽度：100%；
排名：0；
左：0；
高度：45em；
}
.下半身{
背景色：#69b4b2；
位置：绝对位置；
保证金：0；
宽度：100%；
顶部：45em；
左：0；
高度：50em；
z指数：-1；
边框顶部：实心0.5em#000913；
边框底部：实心0.3em#000913；
}
.页脚{
背景色：#f5；
位置：绝对位置；
保证金：0；
宽度：100%；
底部：0；
左：0；
身高：5公分；
显示器：flex；
}
.footer 2{
背景色：#f5；
位置：绝对位置；
保证金：0；
宽度：100%；
底部：0；
左：0；
身高：5公分；
显示器：flex；
边框顶部：实心0.3em#000913；
}
.页脚文本{
字体系列：“魔方”；
颜色：#000913；
字号：1.6em；
垂直对齐：中间对齐；
左边距：10em；
}
#ag1，#ag2{
位置：绝对位置；
}
#ag1{
右：41em；
}
#ag2{
右：32em；
}
.2{
背景色：#2ac15d；
位置：绝对位置；
保证金：0；
宽度：100%；
排名：0；
左：0；
高度：13.1米；
}
#头{
位置：相对位置；
左：15em；
顶部：10em；
最大宽度：80%；
}
#分包商{
位置：相对位置；
左：14em；
顶部：7em；
最大宽度：127.5em；
边缘底部：10em；
字体系列：“魔方”；
}
#标志{
宽度：10em；
高度：10公分；
保证金：0；
位置：相对位置；
顶部：1.5em；
左：1.9em；
光标：指针；
}
#人头{
显示器：flex；
}
#菜单{
列表样式类型：无；
显示器：flex；
左边距：4.2米；
位置：相对位置；
顶部：1.7em；
填充：0；
}
梅努特姆先生{
页边顶部：自动；
页边距底部：自动；
}
梅努特姆先生{
字体系列：“魔方”；
字体大小：2.1米；
颜色：#f5；
背景色：#233039；
填充物：0.9em 1.1em；
/*最大高度：1.15em*/
}
.menuItem a:悬停{
背景色：#f5；
颜色：#000913；
}
#标题文本{
字体系列：“魔方”；
字体大小：粗体；
字体大小：5.0em；
颜色：#233039；
}
#标题文本2{
字体系列：“魔方”；
字体大小：粗体；
字体大小：4.5em；
颜色：#233039；
文本对齐：居中；
保证金：0；
填充：0；
}
#头文本{
字体系列：“魔方”；
颜色：#233039；
字号：2.3em；
保证金：0；
垫面：0.5em；
}
.ruleHeader{
字体系列：“魔方”；
颜色：#233039；
字号：2.3em；
保证金：0；
垫面：0.5em；
字体大小：粗体；
}
.规则列表{
颜色：#233039；
字体大小：2.2米；
}
#小部件{
边缘顶端：3em；
右边距：自动；
左边距：自动；
显示：块；
}
#btnRow{
边缘顶部：1米；
}
.btnHead、.btnHead2{
字体系列：“魔方”；
字号：2.0em；
字体大小：粗体；
填充：0.6em 0.6em；
背景色：#233039；
边界：无；
颜色：#f5；
右边距：1米；
边缘顶部：1米；
左边距：0.4em；
边界半径：0.4em；
边框：实心0.2米#233039；
光标：指针；
}
.btnHead2{
右边距：自动；
左边距：自动；
显示：块；
}
.btnHead2：悬停{
背景色：#f5；
颜色：#233039；
边框：实心0.2米#233039；
}
.btnHead:悬停{
背景色：#f5；
颜色：#233039；
边框：实心0.2米#F5；
}
/*
调色板：
#F5-白烟
#69b4b2-绿色光泽
#2ac15d-飞碟绿
#233039-炮弹
#000913-富黑色
*/
* {
轮廓：立体；
}

草稿













开场白
不和
下载MODS
©；2018保留所有权利


您可以使用固定页脚位置


正文{
字体大小：62.5%；
}
#主要{
身高：100%；
}
/*a href更正*/
.导航，.导航：已访问{
文字装饰：无；
颜色：#f5；
}
.阿加，.阿加：参观{
文字装饰：无；
颜色：#000913；
}
/*停止*/
.一半{
背景色：#2ac15d；
位置：绝对位置；
保证金：0；
宽度：100%；
排名：0；
左：0；
高度：45em；
}
.下半身{
背景色：#69b4b2；
位置：绝对位置；
保证金：0；
宽度：100%；
顶部：45em；
左：0；
高度：50em；
z指数：-1；
边框顶部：实心0.5em#000913；
边框底部：实心0.3em#000913；
}
.页脚{
背景色：#f5；
位置：固定；
保证金：0；
宽度：100%；
底部：0；
左：0；
身高：5公分；
显示器：flex；
}
.footer 2{
背景色：#f5；
位置：绝对位置；
保证金：0；
宽度：100%；
底部：0；
左：0；
身高：5公分；
显示器：flex；
边框顶部：实心0.3em#000913；
}
.页脚文本{
字体系列：“魔方”；
颜色：#000913；
字号：1.6em；
垂直对齐：中间对齐；
左边距：10em；
}
#ag1，#ag2{
位置：绝对位置；
}
#ag1{
右：41em；
}
#ag2{
右：32em；
}
.2{
背景色：#2ac15d；
P