Javascript 我的页脚不'；当我缩小网站时，不要停留在网站的底部

请帮助我，我正在制作一个网站，当我缩小网站时，我的页脚不会停留在底部。我是初学者，所以代码可能有点混乱

我认为它不起作用，因为我的css还有其他问题，但我就是想不出来

html{
框大小：边框框；
-ms文本大小调整：100%；
-webkit文本大小调整：100%；
}
*，*：之前，*：之后{
框大小：继承
}
身体{
保证金：0；
溢出x：隐藏；
背景色：#f6f6f6；
}
保险商实验室{
填充：4px8px；
浮动：对；
}
a、 导航按钮{
填充：8px 16px；
文字装饰：无；
颜色：黑色；
字母间距：4px；
边界：无；
大纲：无；
字体系列：Verdana，无衬线；
字体大小：15px；
线高：1.5；
}
a、 导航按钮：悬停{
背景色：#中交；
}
img.logo{
填充顶部：14px；
高度：50px；
浮动：左；
}
分区菜单{
位置：固定；
宽度：100%；
z指数：1；
背景色：#ffffff；
}
前舱{
垫顶：500；
垂直对齐：中间对齐；
显示：内联块；
最大宽度：100%；
宽度：100%；
最高高度：60%；
位置：相对位置；
背景图像：url（../images/front_image.jpg）；
背景尺寸：封面；
左：50%；
排名：0；
转换：转换（-50%，0%）；
-ms转换：翻译（-50%，0%）；
}
分区网页{
最大宽度：980px；
保证金：自动；
}
分区集装箱{
填充：0.01em 16px；
填充顶部：32px；
填充底部：32px；
最大宽度：100%；
位置：相对位置；
左：50%；
排名：0；
转换：转换（-50%，0%）；
-ms转换：翻译（-50%，0%）；
背景色：#f6f6f6；
}
分区文章{
填充：0.01em 16px；
填充顶部：32px；
填充底部：32px；
最大宽度：100%；
位置：相对位置；
左：50%；
排名：0；
转换：转换（-50%，0%）；
-ms转换：翻译（-50%，0%）；
背景色：#f6f6f6；
}
第h3部分-集装箱{
边框底部：1px实心#ccc；
宽度：100%；
}
h3{
字体大小：24px；
字体系列：“Segoe UI”，Arial，无衬线；
字体大小：400；
利润率：10px0；
}
p{
字体系列：Verdana，无衬线；
字体大小：15px；
线高：1.5；
显示：块；
-之前的webkit保证金：1em；
-webkit后的页边距：1em；
-webkit保证金开始：0px；
-webkit页边距结束：0px；
}
分区页脚{
位置：相对位置；
垫顶：6；
垫底：6；
右：8；
宽度：100%；
文本对齐：右对齐；
背景色：黑色；
颜色：黄花；
}
div.footer，一个{
颜色：黄花；
}
div.footer-container{
位置：相对位置；
填充：0.01em 16px；
填充顶部：32px；
填充底部：32px；
最大宽度：100%；
宽度：100%；
背景色：黑色；
颜色：黄花；
左：50%；
排名：0；
转换：转换（-50%，0%）；
-ms转换：翻译（-50%，0%）；
边框底部：1px实心黄花；
}
div.footer-background{
背景色：黑色；
溢出：隐藏；
}
副手手环{
左：22；
背景色：白色；
}
div.footer-content{
//尝试位置：固定；此处但不工作：c
}
HTML

安装技术Haaglanden bevindt zich hier。
#地图{
宽度：100%；
高度：400px；
背景颜色：灰色；
底边：5pt纯黑；
}
函数initMap（）{
var uluru={lat:52.0442081，lng:4.3370828}；
var map=new google.maps.map（document.getElementById（'map'）{
缩放：17，
中心：乌卢鲁
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图
});
}
接触网
安装技术Haaglanden070 7620180

伯格梅斯特·埃尔森兰321info@installatietechniekhaaglanden.nl

2282 MZ Rijswijk

版权所有©InstallateTechniekhaaglanden.nl。设计人

给出

位置：固定并在底部修复它，即使内容与下面的演示有点类似


正文{
保证金：0；
}
div.footer-content{
背景：红色；
位置：固定；
底部：0；
宽度：100%；
}
HTML

这是页脚
你是说粘脚？
在中更改CSS

    .footer-content { position: absolute; bottom: 0; width: 100%; }

负边际法
像这样使用负的底部边距。保持
.push
div为空

HTML


所容纳之物
版权所有

CSS

html，正文{
身高：100%；
保证金：0；
}
.包装纸{
最小高度：100%；
/*等于页脚的高度*/
/*但也说明了最后一个孩子的潜在利润底部*/
边缘底部：-50px；
}
.页脚，
.推{
高度：50px；
}

完整演示：

其他方法
您还可以使用
负上边距
、
calc（）
、
flexbox
和
grid
以更好的方式实现相同的效果

原始资料来源：
我照你说的做了，但现在页脚已经超出了我的页面内容。。。也许是另一个错误？页脚是谷歌地图的黑色块吗？这对我很有用。页脚在内容之外？是的，它在内容之外。我只是把它包括进去了。”我认为这是一个小小的HTML错误，嗯。。。。你能检查所有关闭的标签吗？