2012-08-08 122 views
3

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

这是一个.PHP网站,所以如果有一个HTML .div然后我无法找到它,但在CSS样式表,它只是读作#顶级BG背景:#000000

我曾尝试加入高度:100%;不确定在某些网站推荐的位置调整边距。 任何帮助将不胜感激!

+1

一些示例代码和/或演示某处会很好。 – 2012-08-08 09:29:19

回答

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

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

谢谢,那个自称为css重置*的人是我让我走的! – samuraiseoul 2017-03-24 20:28:17

0

开始你觉得要删除defaukt浏览器填充和保证金吗?

html{ 
    margin: 0; 
    padding: 0; 
} 

此外,在哪里定义您的背景?

  • 在你的第一个div?
  • 在你的身体?
  • 在你的HTML?

更好的,背景是定义在你的身体标记:

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

如果你没有填充,无保证金,此代码对你的工作...

0

试试这个

body, html { 

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


} 
+0

top-bg上方有2个独立的部分。一个名为html和另一个正文。两者都已经有magin 0和填充0,所以我添加了背景和高度,正如你上面的建议,它的工作!非常感谢! – user1584161 2012-08-08 13:55:17

+0

很高兴我可以帮助,身体和HTML确实有100%的高度默认情况下,我们需要设置它。另请标记我的答案为正确答案:) – Carlos 2012-08-08 13:57:41