灰色框不跟随

时间:2016-05-16 11:29:43

标签: html css

我在我的网站上添加了一个灰色框。随着更多图片上传到我的网站,我希望该框能够跟随我的页面底部。我该如何做到这一点。



git whatchanged

git pull




2 个答案:

答案 0 :(得分:2)

它取决于父元素及其显示参数,但通常只需删除position: absolute;,这将使其成为静态并随其余部分滚动。

答案 1 :(得分:1)

top:220px更改为bottom :0; 这会将div粘贴到页面底部。

  

更新

将css更改为:

.GreyBG {
    background: #595959;
    position: absolute;
    border-style: solid;
    width: 50%;
    //578px;
    height: 70%;
    border: 1px solid rgba(0, 0, 0, .2);
    top: 220px;
    left: 0px;
    right: 0px;
    border-width: 1px;
    border-color: #21262c;
    border-radius: 1px;
    margin-left: auto;
    margin-right: auto;
    z-index: -1;
    max-height: 100%;
    overflow-x: hidden;
}

.GreyBG img {
    width: initial;
    height: inherit;
}