在 Firefox 中，HTML 页脚未出现在页面底部

Question

目前此页脚适用于 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 将它放在内容 Pane 的底部而不是屏幕底部。这可能是 yield 函数的一个问题，因为它会在底部或位置样式被删除时更改位置，但它不再适用于其他浏览器。

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

Answer 1

发现错误在我的 ruby​​ 元素容器中

min-height: 100%;

在 Firefox 中没有使用整个页面高度