2

我这里有一个网站

http://trentmcminn.com/

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

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

4 回答 4

1

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

div#grid.col-4 div.column {
    width: 25%;
    padding-bottom: 10px;
}
于 2013-09-09T02:05:35.533 回答
1 
html{ padding-bottom: 25px;}

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

于 2017-08-24T09:29:42.327 回答
0

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

于 2013-09-09T02:07:08.413 回答
0

更新以下样式规则：

div#grid.albums div.item {
    margin-bottom: 30px;
    margin-right: 30px;
    padding-bottom: 1px;
}
于 2013-09-09T02:11:20.313 回答