消除页面底部的空白区域

时间:2012-08-08 09:27:11

标签: html css removing-whitespace

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

这是一个.php网站,所以如果有一个html .div那么我找不到它,但在css样式表中它只是以#top-bg的形式显示为背景:#000000

我尝试过添加高度:100%;根据某些网站的建议,不确定在何处调整边距。 任何帮助将不胜感激!

4 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:0)

开始你有没有想过删除defaukt浏览器填充和保证金?

html{
    margin: 0;
    padding: 0;
}

另外,在哪里定义你的背景?

  • 在你的第一个div?
  • 在你体内?
  • 你的HTML中有
  • 吗?

为了更好,背景是在你的身体标签中定义的:

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

如果你没有填充,没有边距,这段代码适合你...

答案 2 :(得分:0)

试试这个

body, html {

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


}

答案 3 :(得分:0)

html {
  background:#000;
}

这足以消除空白。