在身体和页脚之间放置空间

Question

我是新来的，如果出现问题就道歉。

所以我是HMTL / CSS的新手，到目前为止我学到了很多东西。现在我无法在我的网站内容和我的新页脚之间获得足够的空间（~30-40px）。我尝试添加margin-top和padding-top，但它们似乎没有效果。我的页脚是由div类页脚制作的。

My jsFiddle

我正在使用谷歌浏览器并在Sublime Text上写作。

Answer 1

您需要清除中间容器中的浮子。

#homeboxes:after {
    clear: both;
    content: "";
    display: block;
}

将这些代码添加到您的CSS中，您就可以增加#footer div上的margin-top。

我建议您阅读：https://alistapart.com/article/css-floats-101，就像您了解CSS中的定位一样，您几乎可以使用它做任何事情。它是一个非常强大的工具，但如果你不理解它，它可能会非常令人沮丧。

Answer 2

在.footer课程的CSS文件中，添加display: inline-block;并删除padding媒体资源。

.footer {
 display: inline-block;
 margin-top: 2%;
}

margin-top: 2%;只是一个例子，可以放任何你想要的值。