html - 如何在页面底部添加填充

Question

我这里有一个网站

http://trentmcminn.com/

出于某种原因，页面底部(Barney 一词)被固定位置的页脚略微截断。我正在尝试通过此向 body 底部添加填充，但它没有做我正在尝试的事情。我不确定发生了什么。任何帮助将不胜感激。

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

Answer 1

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

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