页脚拒绝粘在底部

Question

我刚刚进入编码，因此杂乱的代码和css（http://codepen.io/valik140795/pen/zBgXRg）。我目前正在努力将我的页脚放在第二个灰色框下方，有5张图像（而不是在它旁边）。我试过这个网站和其他来源的无数帖子没有运气。请帮忙。提前谢谢。

      .block_footer {
    position: fixed;
    width: 100;
    margin: 0 auto;
    height: 200;
}

Answer 1

您的.block_footer选择器位于以100px - 1000px为目标的媒体查询中。如果您希望它也适用于桌面，请从媒体查询中删除此选择器。

更改数字width和height值。你可能正在寻找像素。例如200px而不是200。

删除position: fixed并使用clear: both。 Here is more information on clear

<强> Codepen example

Answer 2

您需要将.block_footer的bottom属性设置为0.然后，您需要在body元素中添加适当的高度填充底部。

.block_footer {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    bottom: 0;
    text-align: center;
    background: black;
} 

.body {
    padding-bottom: 160px;
}