Css 高度属性在mozilla中不起作用

我有一个网页，我把body标签的高度设置为1460px。它在chrome和IE上运行良好，但在firefox上出现了问题

这是我的密码：

    body{
          background-image: url('../images/background.jpg');
          background-repeat: no-repeat;
          background-size: 1024px 700px;
          background-size: 506px 1379px;
          height: 1460px;
    }
    #mainContainer {
          background: #FFF;
          height: 1250px;
          width: 1192px;
          margin: 105px 128px 125px;
          z-index: 100000;
          box-shadow: 5px 5px 40px 25px rgba(1, 12, 10, 0.2);
          border: medium none;
          padding-bottom: 25px;
   }

maincontainer是一个div

将此行添加到顶部

html{

height:100%;

}

---

这不是必需的，OP并不是说元素的

100%

高度应该设置，正如我在Firefox中所知道的，只有在

%

单位中设置了子元素

高度时，才需要设置
100%
，OP使用的是
px
在Mozilla FireFox上出现了什么问题？你能不能用100^的边距、过大的
背景尺寸
、高的
z-index
、过大的
高度和
宽度
，如果你提到了z-index，你应该指定maincainer div在页面底部的位置