背景 CSS DIV 背景没有在移动设备上拉伸

Question

在智能手机 (https://50965.thankyou4caring.org/) 上查看我客户的网站时，白色背景 div 不会延伸到页面的整个长度。

即使在模拟智能手机的谷歌浏览器检查工具中查看页面时，我也会看到同样的问题。

有问题的 Div ID 是 wrapContentOuter 和 wrapContentInner

我已经读到使用以下代码应该可以工作：

body, html{
   height:100%;
}

但是，在几个链接到页面的样式表中对其进行了测试后，我一直无法找到将此代码应用到哪个样式表并使其工作。我已经删除了所有测试，CSS 保持在我开始这项工作时的状态。

我错过了什么吗？非常感谢任何建议或帮助！提前感谢，如果我遗漏任何细节，请告诉我。

Answer 1

试试这种代码：http://jsfiddle.net/nyitsol/8abj8sLL/

页脚总是向下。

我可以看到您正在为不需要的 #contentPrimary 使用最小高度。

#contentPrimary {
float: right;
width: 650px;
margin: 0;
min-height: 400px;
}

最小高度应为 100%

编辑： 现在试试这段代码，只需用这个 css 替换类。

#wrapFooter .gutter {
    padding: 0;
    width: 980px;
    margin: 0 auto;
}

/*sticky footer*/
#wrapFooter {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

/*No Background Color Need*/
#BodyId, #internal {
    /* background-color: #7B7670!important; */
}