Question

此页脚保留在Chrome中，如何重写HTML或CSS以使其在Firefox中保持不变？

http://goo.gl/rAbH6

就像，当我在Chrome中访问该页面然后缩小时，页脚停留在屏幕的底部，但是当我在Firefox中访问同一页面并尝试缩小页脚时，它将不会停留在正确的位置

如果您尝试访问该页面，我会明白我的意思。

有谁知道？

亲切的问候

Pongy

Answer 1

你的问题就在于你的代码。

#footer {
    height:40px;
    position:absolute;
    overflow:hidden;
    background:url(images/bottombar.png) repeat-x 0 0;
    position:relative;
    margin-top:400px;
}

正如你所看到的，你已经告诉它是绝对的和相对的，所以你无缘无故地复制代码和400px的margin-top;所以无论你放大或缩小多少，你都告诉它要明确地保持这个位置。您应该拥有以下代码：

#footer {
    height:40px;
    position:absolute;
    overflow:hidden;
    background:url(images/bottombar.png) repeat-x 0 0;
    top:100%;
    margin-top:-40px;
}

所以现在我们告诉它从页面的顶部，到页面的底部，高度为40px，所以我们现在将它显示在文档本身之外，所以我们将它边缘化回到原位，这是我们分配的高度的40px。＃

此页脚保留在Chrome中，如何让它在Firefox中保持不变

1 个答案: