如何摆脱底部的空白？

Question

有人可以帮我消除本网站底部的额外空白吗？ http://www.vonlay.com/

此图像显示了我要删除的内容:http://img691.imageshack.us/img691/8837/screenshot20110607at715.png

这是我如何设置页脚.

html, body { height: 100%; }
body > #wrapper { height: auto; min-height: 100%; }
#footer { position: relative; height: 140px; z-index: 10; clear: both;
    margin-top: -140px; background: #700; color: #fff; }

Answer 1

你应该添加:

#footer .content p {
    margin-bottom: 0
}

我实际上在那之前写了另一个答案来解释正在发生的事情,使用另一种解决办法,这里是:

您应该添加overflow: hidden到#footer.

这将解决这个问题,这就是margin在对p内部元件<div class="copyright-notice">被倒塌通过#footer.请参阅:折叠边距.

如果您觉得这不太可能,请尝试添加此功能,只是为了看看会发生什么:

#footer .content p {
    margin-bottom: 200px
}