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这样的东西。这没有理由。