我这里有一个网站
由于某种原因,页面底部(Barney一词)被固定位置页脚略微切断。我试图通过这个添加填充到身体的底部,但它没有做我正在尝试。我不确定发生了什么。我们将不胜感激。
body {
padding-bottom: 100px;
height: 100%;
}
答案 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可能无法在体内产生预期的效果。它也很方便,它会在网站的所有页面上为您提供持续的填充效果。