Javascript 无法获得底部的底部，而不是在我的主体内容的中间

我非常熟悉编码（第一次），我已经搜索了7个小时来解决我的问题，但似乎无法得到它的权利。我试图让我的页脚停留在我的网页上的主要内容，但不能得到它的权利。我已经搞乱了定位等，并研究了其他人在这里的答案，但没有一个有帮助

我有一个容器div，其中还有3个div“header”“body”“footer”。 我的代码如下：

var slideIndex=1；
放映幻灯片（幻灯片索引）；
函数加滑块（n）{
放映幻灯片（幻灯片索引+=n）；
}
功能当前幻灯片（n）{
放映幻灯片（幻灯片索引=n）；
}
功能演示幻灯片（n）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
如果（n>幻灯片长度）{
slideIndex=1
}
if（n<1）{
slideIndex=slides.length
}
对于（i=0；i

正文{
填充：0；
保证金：自动；
背景色：#f0f4f6；
}
/*全球的*/
.集装箱{
宽度：自动；
溢出：隐藏；
}
/*标题**/
标题{
背景#f0f4f6；
填充顶部：20px；
最小高度：70px；
列表样式类型：无；
}
标题ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
宽度：自动；
高度：自动；
}
头李{
显示：内联块；
填充：14px 16px；
颜色：#f0f4f6；
文字装饰：无；
文本对齐：居中；
垂直对齐：顶部；
宽度：自动；
高度：自动；
}
收割台img{
浮动：左；
填充：0 20px 0；
宽度：自动；
高度：自动；
}
标题导航{
利润率：80px；
浮动：对；
}
标题.当前a{
颜色：#93d9e6；
字体大小：粗体；
}
标题a：悬停{
颜色：#93d9e6；
字体大小：粗体；
}
* {
框大小：边框框
}
/*幻灯片容器*/
div幻灯片放映容器{
位置：相对位置；
背景色：#f0f4f6；
利润率：100%；
填充：4px；
}
.slideshow容器{
宽度：95%；
位置：相对位置；
保证金：自动；
}
迈斯利德斯先生{
显示：无；
}
/*下一步和上一步按钮*/
.prev，
.下一个{
光标：指针；
位置：绝对位置；
最高：50%；
宽度：自动；
利润上限：-22px；
填充：16px；
颜色：白色；
字体大小：粗体；
字号：18px；
过渡：0.6s缓解；
边界半径：0 3px 3px 0；
}
/*将“下一步按钮”置于右侧*/
.下一个{
右：0；
边界半径：3px 0 3px；
}
/*在悬停时，添加一个黑色背景色，带有一点透明*/
.prev:悬停，
.下一步：悬停{
背景色：rgba（0,0,0,0.8）；
}
/*标题文本*/
.文本{
颜色：#F2F2；
字体大小：15px；
填充：8px 12px；
位置：绝对位置；
底部：8px；
宽度：100%；
文本对齐：居中；
}
/*数字文本（1/3等）*/
.numbertext{
颜色：#F2F2；
字体大小：12px；
填充：8px 12px；
位置：绝对位置；
排名：0；
}
/*点/子弹/指示器*/
多特先生{
光标：指针；
高度：13px；
宽度：13px；
边际：0.2px；
背景色：#bbb；
边界半径：50%；
显示：内联块；
过渡：背景色0.6s；
}
.主动，
.dot:悬停{
背景色：#717171；
}
/*褪色动画*/
.褪色{
-webkit动画名称：淡入淡出；
-webkit动画持续时间：1.5s；
动画名称：淡入淡出；
动画持续时间：1.5s；
}
@-webkit关键帧淡入淡出{
从{
不透明度：.4
}
到{
不透明度：1
}
}
@关键帧淡入淡出{
从{
不透明度：.4
}
到{
不透明度：1
}
}
/*主体*/
#盒子{
浮动：左；
对齐：左；
宽度：50%；
位置：静态；
}
h1{
字体：30px arial；
字号：1.875em；
}
氢{
字体：24px arial；
字号：1.5em；
}
.image1{
浮动：对；
位置：静态；
}
.image2{
浮动：对；
位置：静态；
}
.image3{
浮动：对；
位置：静态；
}
/*页脚*/
页脚{
填充：20px；
边缘顶部：20px；
背景色：#4985c5；
文本对齐：左对齐；
}
h3{
字体：18px arial；
字体大小：1.3333em；
字体大小：粗体；
}
h4{
字体：14px arial；
字号：0.8750em；
}
html，
身体{
保证金：0；
填充：0；
身高：100%；
}
#容器{
最小高度：100%；
位置：相对位置；
边缘底部：20px；
}
身体{
边际：0px；
填充：0px；
身高：100%；
}
.标题{
背景#f0f4f6；
填充：10px；
}
.身体{
填充：10px；
填充底部：60px；
/*页脚高度*/
}
.页脚{
位置：绝对位置；
底部：0；
宽度：100%；
高度：60px；
/*页脚高度*/
背景#4985c5；
}
.clearfooter{
明确：两者皆有；
}

1/3
纪念碑谷
2/3
山
3/3
滑雪探险
❮
❯


欢迎来到徒步旅行
狩猎探险
Lorem ipsum dolor sit amet，是一位杰出的献身者。自由人的生命，以及自由的生命。在laoreet justo lacus et tortor，一家名为Praesent molestie、nulla rutrum accumsan blandit、nisl diam iaculis neque的公司。屠夫
菲尼布斯尤特利特。菲塞勒斯·康多·康格·廷西登（Phasellus commodo congue tincidunt）。在我们之间。这是一种新的方法。在洛雷姆·麦格纳，福西布斯·普莱拉特·米·维塔，乌拉姆·科珀·蒂尼·多洛。莫比·阿利奎姆·努拉
维韦拉的饮食。Nam Temporal ante vel magna convallis调味品