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

时间:2011-06-20 17:21:39

标签: css css3 whitespace gradient

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

例如:http://womancareolympia.webs.com/

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

感谢您的帮助!

1 个答案:

答案 0 :(得分:5)

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