Kann DIV nicht erreichen Unterseite der Seite

Question

Das Bild on my website füllt nicht das Site-Wrap-Element, so dass der Körper unten durchscheinen. Ich habe versucht, mit den Rändern auf dem Bild zu spielen, aber ich kann nicht scheinen, dass der Seitenumbruch auf den Grund geht, ohne vorbei zu gehen oder zu kurz zu kommen. Irgendwelche Tipps, wie man diesen Effekt erzielt, würden sehr geschätzt werden.

Answer 1

Verwenden Sie die vh Einheit (die die Darstellungshöhe relativ), aber Sie könnten paddding vom Boden entfernen müssen.

.site-wrap{ 
    height:100vh; 
} 

Answer 2

Es ist nicht schön, aber man kann das Problem lösen, indem padding-bottom: 100%; zum .Site-Wrapper Zugabe

Answer 3

Kann nicht sagen, dass dies unbedingt die beste Lösung, aber aus der Spitze von meinem Kopf Sie dies könnte hinzufügen:

.site-wrap { 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    position: absolute; 
    box-sizing: border-box; 
} 

Answer 4

Sie Javascript verwenden, um die Höhe des Bildschirms passen:

<script> 

// GET THE HEIGHT OF THE SCREEN 
var body = document.body, 
    html = document.documentElement; 
var height = Math.max(body.scrollHeight, body.offsetHeight, 
         html.clientHeight, html.scrollHeight, html.offsetHeight); 

// GET THE DIV BY CLASS 
var sitWrap = document.getElementsByClassName("site-wrap")[0]; 

// SET ITS HEIGHT 
sitWrap.style.height = height + "px"; 

// REMOVE THE PADDING SET IN YOUR STYLE 
sitWrap.style.padding = "0px"; 


</script>