Html 页脚不能放下

好吧，所以我知道这是一个很多人都有问题的话题，我尝试了几乎所有的方法来保持这个页脚在网站底部，但它就是不会保持下来。在chrome上运行良好，在移动设备和JSFIDLE上不会停止运行

编辑：对不起大家，我的意思是我希望它停留在页面底部，而不是在你滚动时卡在那里

示例：

我还有一个不寻常的问题。“我的容器”仅覆盖到封面，不会扩展到覆盖内容或配置文件？

在CSS的页脚属性中将

位置更改为
固定的
。固定位置确保页脚位于页面底部

footer {
    position: fixed;
    bottom:0;
    width:100%;
    text-align:center;
    height:30px;
    padding-top:15px;
    background-color:#222;
    color:white;
    font-weight:500;
    font-size:12px;
}

试试这个：

footer {
    position: fixed;
    bottom:0;
    width:100%;
    text-align:center;
    height:30px;
    padding-top:15px;
    background-color:#222;
    color:white;
    font-weight:500;
    font-size:12px;
}

具体来说，我们将位置设置为固定，这样它将始终保持在那里。
但是，使用此方法，页脚下的任何内容都将被隐藏，因此要解决此问题：

#container {
    width:100%;
    max-width:900px;
    height:auto;
    background-color:orange;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:30px;
}

我们正在添加利润底部：30px；这样在页面底部就会有一个30px的空间！
JS小提琴：

编辑：
根据您的评论：
应该解决你的问题。
容器应该有
溢出：隐藏
因为里面有浮动的div。这仍然可以防止它溢出

还删除了
底部：0从页脚开始。我把页脚移到了里面，因为通常所有的页面内容都在标签里面。
看看上面的代码，看看我是否遗漏了什么：）
您需要在css中固定页脚，而不是绝对页脚。否则。。。当你向下滚动时，它将跟随滚动而不是停留在底部

比如：

position: fixed;
bottom:0;
width:100%;
text-align:center;
height:30px;
padding-top:15px;
background-color:#222;
color:white;

页脚

{

最小宽度：自动；

背景色：黑色；

颜色：白色；

清除：两个；

文本对齐：居中；

填充：1px；

}
谢谢您的快速回复，我不希望它固定在页面底部，我只希望它在我滚动时完全不卡在页面底部。对不起，我想我让每个人都很难受，我想说的是它在页面底部。当你滚动的时候没有被卡住。对不起，我想我让每个人都很难受，我想说的是把它放在页面的底部。当你滚动的时候没有被卡住。对不起，我想我让每个人都很难受，我想说的是把它放在页面的底部。滚动时不会卡在那里。如果您能将此作为公认的答案，那就太好了，哈哈；）哈哈，2分钟就可以了：P