【问题标题】:How to remove Extra space below the footer?如何删除页脚下方的额外空间?
【发布时间】:2014-10-03 18:10:40
【问题描述】:

我的页面有问题,当它达到 768X1024 时,我的页脚下方存在一个大空间,我在 stackoverflow 上查看了一些答案,但我找不到。你能帮忙解决吗?

here's my http://jsfiddle.net/craybac/pb0d6zda/5/

这是图像问题:

![在此处输入图片描述][1]

【问题讨论】:

  • 没有js小提琴链接
  • 使用位置:绝对;而不是相对的

标签: footer


【解决方案1】:

使用绝对位置而不是相对位置

.footer {

  position: absolute;
  bottom: 0;
  width: 100%;
}

【讨论】:

  • 即使我改成 position:absolute 还是有很大的空白;
  • @egtdesign 实际上在您的小提琴中,我刚刚将位置:相对于位置:绝对。然后它起作用了。用你的小提琴试试吧
  • 是的,它在小提琴中发生了变化,但实际上大空白仍然存在。
  • 我注意到正文中的内容较少会导致很大的空白,有什么解决办法吗?
【解决方案2】:

使用postion:absolute,解决你的问题。

这里是

fiddle link:

你的问题仍然没有解决。使用下面的 css

html,
body{
height:100%;
}

在 body 之后使用一些 id 包装器,并在关闭 body 标签之前关闭该标签。 并添加下面的 css。

#wrapper {
min-height:100%;
position:relative
}

【讨论】:

  • 它没有解决。页脚通过添加 position:absolute; 进入页面中间;
  • 你检查过我在答案中发布的小提琴链接吗?
  • 是的,我看到了小提琴,这就是我尝试这个位置的原因:absolute;
  • @edtdesign,试试我的新答案
  • @edtdesign,使用 % 代替 px 并使用包装器。