css - 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 。由于我们看不到您的其余代码，因此很难判断这是否适用于您的网站。