在智能手机(https://50965.thankyou4caring.org/)上查看客户的网站时,白色背景div不会向下延伸整个页面。
即使在Google Chrome的模拟智能手机的检查工具中查看该页面,我也会看到同样的问题。
有问题的Div ID为wrapContentOuter
和wrapContentInner
我已经读过使用以下代码应该有效:
body, html{
height:100%;
}
但是,在链接到页面的几个样式表中测试之后,我一直无法找到应用此代码的样式表并使其正常工作。我已经删除了所有测试,并且CSS保持原来的状态。
我错过了什么吗?任何建议或帮助非常感谢!在此先感谢,如果我遗漏任何细节,请告诉我。
乔赛亚
答案 0 :(得分: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; */
}