如何在页面底部添加填充

时间:2013-09-09 02:01:24

标签: html css

我这里有一个网站

http://trentmcminn.com/

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

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

4 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

更新以下样式规则:

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

答案 3 :(得分:0)

html{ padding-bottom: 25px;}

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