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

【问题标题】：Html footer not appearing on bottom of page in firefoxHtml页脚没有出现在Firefox的页面底部
【发布时间】：2015-07-16 12:03:36
【问题描述】：

目前此页脚适用于 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/

【问题讨论】：

标签： html css firefox

【解决方案1】：

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

min-height: 100%;

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

【讨论】：