CSS3渐变背景底部有不需要的空白区域

Question

当我应用CSS3渐变并且内容的高度不足以滚动条时,我在移除底部的空白区域时遇到了很大的困难.

比如这里:http: //womancareolympia.webs.com/

我试过将html和身高都设置为100%或自动.我可以通过这种方式使渐变到底部,但是当内容需要滚动条时,内容会流过渐变.

谢谢您的帮助!

Answer 1

• 添加min-height: 100%到body.
• 删除的所有实例padding-top从body(或以其他方式将其设置为0).
• 设置top: 129px上#fw-container.
• 设置margin-bottom: 110px上#fw-container.
• 添加overflow: hidden到#fw-foottext.

(仅在Chrome + Firefox中测试)

我认为你应该重新设计你的CSS 不使用这样的东西top: 100px和margin-top: -50px所有的地方.这没有理由.