出现浏览器差异问题（Firefox）-包装器溢出和/或高度

Question

我发现页脚在Chrome上正确显示，但是看起来没有overflow:hidden; 在Firefox上。 包装器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;
}

gallery.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;回退overflow:hidden; 给我删除的包装纸，以测试有什么问题。 您可以在问题中看到我在这里用完的其他CSS属性。

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