Fatal编程技术网
  • css/
  • CSS3渐变背景，底部有多余的空白

CSS3渐变背景，底部有多余的空白

css

CSS3渐变背景，底部有多余的空白,css,whitespace,gradient,Css,Whitespace,Gradient,当我应用CSS3渐变并且内容没有足够的高度用于滚动条时，我很难去除底部的空白 例如： 我尝试过将html和身体高度都设置为100%或自动。我可以通过这种方式将渐变移到底部，但是当内容需要滚动条时，内容就会流过渐变 谢谢你的帮助 将min height:100%添加到车身 从body中删除padding top的所有实例（或者将其设置为0） 在#fw容器上设置顶部：129px 在#fw容器上设置页边距底部：110px 将溢出：隐藏添加到#fw foottext （仅在Chrome+Firefo

当我应用CSS3渐变并且内容没有足够的高度用于滚动条时，我很难去除底部的空白

例如：

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

谢谢你的帮助

  • 将
    min height:100%
    添加到
    车身
  • 从
    body
    中删除
    padding top
    的所有实例（或者将其设置为
    0
    ）
  • 在
    #fw容器上设置
    顶部：129px
  • 在
    #fw容器上设置
    页边距底部：110px
  • 将
    溢出：隐藏
    添加到
    #fw foottext
（仅在Chrome+Firefox中测试）

我确实认为你应该重新设计你的CSS，不要到处使用
top:100px
和
margin-top:-50px
之类的东西。没有理由这样做。

修复了！非常感谢你，我到处都有这个问题！我应该使用填充而不是边距或上/左吗？我被迫使用一个模板和一些构建工具，我唯一能做的就是添加我自己的CSS。我无法编辑预先存在的CSS或HTML。如果是这样的话，也许这毕竟不是一个很好的解决方案。我可以想象，不能改变HTML或编辑现有的CSS将是非常严重的。你的作品很好，只是有点不雅。