html - 存在浏览器差异问题 (Firefox) - 包装器的溢出和/或高度

Question

我发现页脚在 Chrome 上显示正确，但在 Firefox 上似乎没有 overflow:hidden;。包装器 div 仍在页脚下方一点。

<div class="wrapper6"> // at gallery.html
<div class="wrapper8"> // at galeri2013.html

这是这两个包装器 div 的 CSS 属性:

.wrapper6 {
   margin:0 !important;
   padding:0 !important;
   left:0;
   top:0;
   position:absolute;
   background:url(../images/texture.png) repeat;
   width:100%;
   height:180% !important;
   font-family: orator std;
   overflow:hidden;
}
.wrapper8 {
   margin:0 !important;
   padding:0 !important;
   left:0;
   top:0;
   position:absolute;
   background:url(../images/texture.png) repeat;
   width:100%;
   height:280% !important;
   font-family: orator std;
   overflow:hidden;
}

以及两个页脚的属性；

galeri2013.html;

.footy4 {
   position:relative;
   display:inline !important;
   float:left;
   z-index:1;
   left:0;
   margin-bottom:-4.3%;
   transform:skewX(8deg);
   -webkit-transform:skewX(8deg);
   transform:skewY(-2.5deg);
   -webkit-transform:skewY(-2.5deg);
   background-color:#e81b1b;
   width:100%;
   height:120px;
   margin-top:96%;
   overflow:hidden;
}

画廊.html;

.footy7 {
   position:relative;
   display:inline !important;
   float:left;
   z-index:1;
   left:0;
   margin-bottom:-4.3%;
   transform:skewX(8deg);
   -webkit-transform:skewX(8deg);
   transform:skewY(-2.5deg);
   -webkit-transform:skewY(-2.5deg);
   background-color:#e81b1b;
   width:100%;
   height:120px;
   margin-top:150%;
   overflow:hidden;
}

我认为我没有使用最好的方法来处理它，如果您发现任何错误/不是最好的编码方式，请告诉我，以便我可以学习并提高自己。

再次澄清一下，我想让我的页脚在 Firefox 上固定在底部，就像在 Chrome 上一样!

Answer 1

好的!几个小时后，我发现出了什么问题...我将页脚 div 放入包装器 div，一切正常!

这就是我为实现它所做的基本工作；

<div class="wrapper">
    //some other content
<div class=footer>
    //footer content
</div>
</div>

并且我已经将 overflow:hidden; 放回我已移除的包装器以测试问题所在。您可以在此处查看我在问题中使用的其他 css 属性。

希望这些对某人有用，并感谢所有提供帮助的人。