摆脱页脚下方的空白区域

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;*/
}

UPDATED CODE

Answer 2

您在#cfoot.container中使用了最小高度和填充底部。删除它，你会得到你期望的。

working demo

Answer 3

只需添加负边距底部，直到填充空白区域。 E.g

startWith