Question

在智能手机（https://50965.thankyou4caring.org/）上查看客户的网站时，白色背景div不会向下延伸整个页面。

即使在Google Chrome的模拟智能手机的检查工具中查看该页面，我也会看到同样的问题。

有问题的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; */
}

背景CSS DIV背景不在手机上伸展

1 个答案: