css在页面末尾导致空白区域

Question

我遇到了如何消除页面底部空白区域的问题 - 当我移除齿轮图像时，它可以正常工作。

html, body{
    height: 100%;
  width: 100%;
  font-size:10pt;
}



.footer_fg{
  float: left;
  position: relative;
  width:455px;
  height:358px;
  background: url('/include/images/Final-Website2_11a.png') no-repeat 0 0;
  top: -150px;
  border:0;
}

这是该网站的CSS。

Answer 1

使用position：relative它与margin-top不同。 position：relative首先将项放在它的原始位置（并用这个位置弄乱父元素的大小），然后移动它。因此，此项目之前将始终存在空白区域。如果你只是想在不离开这个空格的情况下移动它，你应该考虑使用margin-top：-150px。由于我们没有看到您的其余代码，因此很难判断这是否适用于您的网站。