高度属性在mozilla中不起作用

Question

我有一个网页，在那里我将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

Answer 1

将此行添加到顶部

html{

height:100%;

}