摆脱页脚下方的空白

Question

我正在使用 bootstrap 3.0 框架，无论我做什么，我都无法让页脚后的小空白消失。它只在 Chrome 中显示，在 IE 中没问题。

我用过

min-height, overflow:hidden,different margins

还是没用。

http://www.bootply.com/XonUL6Vq2C

我确信有一些简单的修复方法让我无法解决。但是它让我发疯。

谁能提供解决方案吗？

Answer 1

在 CSS 中，您对页脚的顶部和底部使用 50px

margin

。

删除页脚的边距。

如果您只想在页脚顶部应用边距，请使用：

footer {
  margin: 50px 0 0 0; /* or just use:  margin-top: 50px;*/
}

更新代码

Answer 2

您在

#cfoot.container

中使用最小高度和填充底部。删除它，你就会得到你所期望的。

工作演示

Answer 3

只需添加一个负的 margin-bottom 直到填充空白。 例如

footer { margin: 0 0 -50px 0;}

Answer 4

当您忘记添加节的结束标记时，有时也会发生这种情况。

Answer 5

将内容最小高度设置为 100vh 对我来说很有效。

min-height: 100vh;