消除页面底部的空白

问题描述 投票:3回答:4

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

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

我曾尝试增加身高:100%;不确定某些网站建议在哪里调整边距。任何帮助将不胜感激!

html css removing-whitespace
4个回答
4
投票
body, html{
    padding:0!important; 
    margin:0 !important;

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

0
投票

首先,您是否认为要删除默认的浏览器填充和边距?

html{
    margin: 0;
    padding: 0;
}

而且,在哪里定义您的背景?

  • 您的第一个div?
  • 您体内?
  • 在您的HTML中?

为了更好,背景是在您的body标签中定义的:

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

如果您没有填充,没有边距,那么此代码对您有用...


0
投票

尝试一下

body, html {

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


}

0
投票
html {
  background:#000;
}

这足以消除空白。

© www.soinside.com 2019 - 2024. All rights reserved.