把身体和脚之间的空间

-4

我在这里是新的，如果有什么不对的道歉。把身体和脚之间的空间

所以我对HMTL/CSS真的很陌生，到目前为止我学到了很多东西。现在我无法在我的网站内容和新页脚之间获得大量空间（〜30-40像素）。我试过添加一个margin-top以及一个padding-top，但它们似乎没有效果。我的页脚是由div class footer制作的。

我使用谷歌Chrome和对崇高的文本写作。

“_Questions寻求调试帮助（”为什么不是这个代码工作吗？“）必须包含所需的行为，特定的问题或错误以及**在问题本身中重现它所需的最短代码**。一个明确的问题陈述对其他读者没有用。请参阅：如何创建一个最小化，完整和可验证的示例._“ – csmckelvey

@csm_dev是不是工作小提琴足够？ –

根据我上面引用的标记选项，没有。小提琴是好的，但代码必须在问题本身 - 链接断裂。 – csmckelvey

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

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

将该代码添加到您的CSS中，您将能够增加#footer div上的margin-top。

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

2017-08-03 15:35:30

哇，这很好，谢谢！所以如果你不介意，这到底是做什么的，它是如何工作的？所以我知道未来。 – IPlayTheTrumpet

这是一个相当的任务来回答你的后续问题，如果你阅读我链接的博文我认为你会明白为什么以及浮动的结算做什么。它无法在评论中回答。 –

在您的.footer类中，在CSS文件中，添加display: inline-block;并删除padding属性。

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

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

2017-08-03 15:38:05

回答