Html 如何在页面底部添加填充

我在这里有一个网站

由于某种原因，页面底部（单词Barney）被固定位置的页脚略微截断。我试着用这个来增加身体底部的填充物，但它并没有做我想做的事情。我不知道发生了什么事。任何帮助都将不胜感激

body {
padding-bottom: 100px;
height: 100%;
}

---

这是因为绝对定位的页脚与列布局重叠。 您可以减小列的大小并给它们一个负的底部边距，或者对列应用填充，例如：

div#grid.col-4 div.column {
    width: 25%;
    padding-bottom: 10px;
}

---

例如，将您的

div#grid.albums div.item

的边距从

30px

增加到

50px

。

---

这将解决您的问题。

更新以下样式规则：

div#grid.albums div.item {
    margin-bottom: 30px;
    margin-right: 30px;
    padding-bottom: 1px;
}

---

这将在使用包含此标记的css的每个页面底部填充25个像素。所有页面都应该有包含内容的标签。这是一个比body更好的选择，因为动态内容和浮动div可能无法在body中提供所需的效果。它也很方便，因为它将在站点内的所有页面上提供持续的填充效果。

谢谢，它可以工作，但我不想更改项目之间的边距。我认为有一种简单的方法可以在底部添加填充物。我以前做过，只是不知道为什么在这个网站上它不起作用注意：关于你网站的布局，你可能想看看这个，如果你对答案满意的话，我认为你应该把它标记为正确的：）（欢迎这么做！让“代码”——像

div

s这样的部分脱颖而出，用

`“back ticks”把它们围起来`

。那么，它应该是“…选项而不是

正文”

。”。请解释一下选择填充而不是边距好吗？

html{ padding-bottom: 25px;}