【问题标题】:Weird margin under body-element on website when viewed with Firefox 7使用 Firefox 7 查看时网站上 body-element 下的奇怪边距
【发布时间】:2011-11-08 09:21:00
【问题描述】:

我目前正在处理的网站在 Firefox 7 中存在问题。边距将 #wrapper 中的渐变从底部向上推并破坏了流程。我已经在 body 和 html 上将边距重置为 0 并且似乎找不到任何解释这一点的东西。 Firebug 没有告诉我这个案例的价值。

我的代码是here,你可以自己看网站here

【问题讨论】:

    标签: html css firefox7


    【解决方案1】:

    只需将身体高度设置为 100%。这可能会有所帮助。 并添加background-attachment:fixed; 以避免背景滚动,以防万一您的页面滚动。

    【讨论】:

    • 同时添加到 body 中,渐变一直向下。但是,background-attachment: fixed; 并没有解决滚动问题。
    • 在正文中添加了overflow: hidden;,问题就解决了。将您的答案标记为已接受的答案。
    • 要小心,因为添加溢出:隐藏;如果您的内容长于页面高度,则页面不会滚动,并且在笔记本电脑或 iPad 等较小的屏幕上,人们有可能只看到您页面的一半。
    • 我制作的页面将仅作为门户使用,不会添加其他内容。但是,如果屏幕非常小,就会出现问题。
    猜你喜欢
    • 1970-01-01
    • 2011-10-11
    • 2016-04-07
    • 2015-10-28
    • 2013-10-17
    • 1970-01-01
    • 1970-01-01
    • 2010-10-31
    • 1970-01-01
    相关资源
    最近更新 更多