消除页面底部的空白

Question

最初我有一个背景图像显示为渐变背景。 想要有一个纯黑色背景，我删除了指向背景图像/重复 x 的链接。 结果是页面底部有一个大的空白区域。 我已经搜索了很多这个常见问题的答案，但没有一个能帮助我解决这个问题。

这是一个 .php 站点，所以如果有一个 html .div 那么我找不到它，但在 css 样式表中它只是读取为 #top-bg with background: #000000

我试过增加高度：100%； 不确定在某些网站推荐的哪里调整边距。 任何帮助将不胜感激！

Answer 1

body, html{
    padding:0!important; 
    margin:0 !important;

    background:#000;//is this what you want?
}

Answer 2

首先，您是否考虑删除默认浏览器填充和边距？

html{
    margin: 0;
    padding: 0;
}

另外，在哪里定义你的背景？

• 在你的第一个 div 中？
• 在你的身体里？
• 在你的 HTML 中？

更好的是，背景是在你的身体标签中定义的：

body{
    background-color: #FCC; /* for test */
}

如果您没有填充，没有边距，则此代码适合您...

Answer 3

试试这个

body, html {

background:#000;
height:100%;
padding:0;
margin:0


}

Answer 4

html {
  background:#000;
}

这足以让我删除空白。