【问题标题】:Background CSS DIV background not stretching on mobile背景 CSS DIV 背景没有在移动设备上拉伸
【发布时间】:2014-08-19 01:59:28
【问题描述】:

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

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

有问题的 Div ID 是 wrapContentOuterwrapContentInner

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

body, html{
   height:100%;
}

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

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

【问题讨论】:

    标签: html css content-management-system


    【解决方案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; */
    }
    

    【讨论】:

    • 感谢您的意见。我已尽力从您提供的 jsfiddle 链接中实现代码,但是我仍然遇到问题。似乎影响网站的唯一代码是#content 代码的底部填充
    猜你喜欢
    • 1970-01-01
    • 2022-11-14
    • 2017-10-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-09-27
    • 2013-07-27
    • 1970-01-01
    相关资源
    最近更新 更多