Make Seite füllen Sie den gesamten Bildschirm ohne Leerzeichen überhaupt

Question

Meine Website ist barkitv.com/barki/register-3 auf einigen großen Bildschirmen gibt es Leerzeichen und ich will keine Leerzeichen, ich will es passt das Ganze Bildschirm ohne irgendeinen Leerraum, das ist, was ich versucht habe, den Inhalt 100% zu machen und die Fußzeile auf den Boden mit position:absolute bottom:0; zu machen, aber dann gibt es noch weißen Raum, den ich auch min-height: 100%; und tun position:absolute bottom:0; auf der Fußzeile versucht habe.

Danke

Answer 1

Sieht so aus, als ob Sie bereits einen Sticky Footer implementiert haben. Setzen Sie einfach einen Hintergrund-Farbe auf dem Körper Ihres Inhaltsbereich zum Spiel:

body { 
    background: black; 
} 

Answer 2

diese CSS hinzufügen:

html {height: 100%;} 
body {min-height: 100%; background: black;} 

Answer 3

Try this:

body { 
    height: 100vh; 
} 

Wenn Sie es kürzer sind die Fußzeile machen wollen, einfach die Anzahl verringern.

Möglicherweise müssen Sie ein anderes Element als den Körper auswählen.

So:

.content { 
    height: 90vh; 
} 

Answer 4

Sie könnten einfach Ihre .content div Höhe eingestellt 100% zu sein. Aber eine bessere Lösung wäre, die body 's background-color zu der der .content' s Hintergrundfarbe zu setzen.

body { 
    background-color: black; 
} 

Answer 5

Erstens die html und body Tags sind Blockelemente und deren Höhe kollabiert so klein wie sie sein können.

Machen sie die Gesamtheit des Fensters einnehmen mit:

html, body { 
    height: 100%; 
} 

Zweitens, die body Tag ein margin von 8 Pixeln hat in der Standardeinstellung.

entfernen diese und machen die Elemente, die es an den Kanten nach rechts enthält mit:

body { 
    margin: 0; 
} 

hier am Beispiel: https://jsfiddle.net/3u8kqvxo/

Beachten Sie, dass Sie eigentlich gar nicht wie ein allumfassendes Wrapper verwenden möchten das ist überflüssig, weil es im Wesentlichen nur ein weiterer body ist.

Allerdings ist hier eine nette Abhilfe für Ihre Fußzeile Problem, dass Sie einen Grund, eine zu verwenden geben würde: https://jsfiddle.net/3u8kqvxo/1/