Html页脚没有出现在Firefox的页面底部

时间:2015-07-16 12:03:37

标签: html css firefox

目前这个页脚适用于Chrome和IE,但由于某些原因它不适用于Firefox。

div.footer{
    width: 100%;
    padding: 0px;
    margin-top: 200px;
    font-size: 0.6em;
    line-height: 1.2em;
    clear: both;
    position: absolute;
    bottom: 0;
    height: 75px;
    background-color: #fff;
    font-family: Verdana,Arial,sans-serif;
    color: #000;
}

.footer div{
    padding: 5px 0px;
}

.footer a{
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

这用于格式化ruby中的页脚内容。出于某种原因,Firefox将其放在内容窗格的底部,而不是屏幕的底部。这可能是yield函数的一个问题,因为它会在删除底部或位置样式时更改位置,但在其他浏览器中它不再适用。

以下是我想要的示例:https://jsfiddle.net/3dme9em8/

1 个答案:

答案 0 :(得分:0)

在我的容器中找到了ruby元素的错误

min-height: 100%;

未在Firefox中使用整页高度