如何摆脱底部的空白?

the*_*uru 0 html css

有人可以帮我消除本网站底部的额外空白吗? 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; }
Run Code Online (Sandbox Code Playgroud)

thi*_*dot 10

你应该添加:

#footer .content p {
    margin-bottom: 0
}
Run Code Online (Sandbox Code Playgroud)

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

您应该添加overflow: hidden#footer.

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

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

#footer .content p {
    margin-bottom: 200px
}
Run Code Online (Sandbox Code Playgroud)