如何在页面底部添加填充

Question

我这里有一个网站

http://trentmcminn.com/

由于某种原因，页面底部（Barney一词）被固定位置页脚略微切断。我试图通过这个添加填充到身体的底部，但它没有做我正在尝试。我不确定发生了什么。我们将不胜感激。

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

Answer 1

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

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

Answer 2

例如，将div#grid.albums div.item的保证金从30px增加到50px。 这将解决您的问题。

Answer 3

更新以下样式规则：

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

Answer 4

html{ padding-bottom: 25px;}

这会在使用包含此标记的css的每个页面的底部填充25个像素。所有页面都应包含封装内容的标签。这是一个更好的选择，因为动态内容和浮动div可能无法在体内产生预期的效果。它也很方便，它会在网站的所有页面上为您提供持续的填充效果。