Graue Box folgt nicht

Question

Ich habe meiner Website eine graue Box hinzugefügt. Ich möchte, dass die Box dem Ende meiner Seite folgt, wenn mehr Bilder auf meine Seite hochgeladen werden. Wie mache ich das?

.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; 
 
     }

<div class="GreyBG"></div> 
 

 

Answer 1

ändern top:220px zu bottom :0; Dies wird die div unten auf der Seite bleiben.

aktualisieren

Ändern der CSS dies:

.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; 
} 

Answer 2

Es ist auf der Parameter übergeordnete Element und seine Anzeige ist abhängig, aber im Allgemeinen nur position: absolute; zu entfernen, was es statisch machen und Scrolle mit dem Rest.