那些遇到过的问题

小编fiz*_*jin的帖子

div 不会延伸到屏幕底部

我已经创建了一个网页，如下所示，但是我无法使页面的一部分一直延伸到底部，正如您在图像中的黑暗区域所看到的那样。我已经进行了研究并在这里搜索了一些类似的帖子，但我尝试过的任何内容似乎都无法解决问题。

高度：100%；位置：相对；不工作

高度：自动；最小高度：100%；不工作

底部：0；不工作

在此处输入图片说明

html{
    height:100%;
}

#home {
    background: url(../img/chemical.jpg) no-repeat center center; /*Full Witdth background image*/
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    min-height: 600px;
    width:auto;
    min-width:100%;
}
    /*STYLE FOR OVERLAY CLASS - WHICH IS ABOVE IMAGE WITH OPACITY/TRANSPARENCY 0.75*/
    #home .overlay {
        padding-bottom:20%;
        background-color: rgba(0, 116, 112,0.6); /*.75 opacity of the color so that background image is visible*/
        min-height: 600px;
        color: #fff;
        width:auto;
        min-width:100%;
}

body {
    margin-top: 100px;
    background-color: #222;
}

#wrapper {
    padding-left: 0; …
Run Code Online (Sandbox Code Playgroud)

css

fiz*_*jin
2015 10-07
1
推荐指数
1
解决办法
1817
查看次数

标签 统计

css ×1