Ich versuchteWie kann ich ein Div die Höhe des Bildschirms anpassen?
height: 100%
aber das macht die div nur so hoch wie sein Inhalt mit - es ist nur ein einziges Wort des Textes enthält.
Wie kann ich das div zwingen, stattdessen die Bildschirmhöhe zu verwenden?
Sie benötigen die body und html Elemente zu haben 100% Höhe.
Versuchen Sie, die folgenden CSS:
html, body {
margin: 0;
padding: 0;
height: 100%;
}
YourDivSelector {
height: 100%;
}
Die Marge und Polsterung muss auf 0 gesetzt werden Autoscroll in Firefox zu verhindern.
Das hat den Trick gemacht. –
Sie können die Breite und Höhe des Fensters using JavaScript ermitteln und dann diese Werte verwenden, um die Höhe und Breite des div nach Bedarf festzulegen.
vielleicht
min-height:100%;
was Sie genau das zu tun versuchen? Post ein paar mehr Informationen und wir können Ihnen weiter helfen
Sie sollten alle Container, die das div enthalten, auf height setzen: 100%, einschließlich der body- und html-Tags.
Das war, was ich brauchte, aber ich gab SLaks die Antwort-Tag, weil seine vor Ihren kam. Vielen Dank! –
Sie müssen auch HTML und Körper auf Höhe setzen: 100%;
html,body{height:100%}
Sie können height = 100% nur dann sinnvoll verwenden, wenn die Höhe des enthaltenen Elements definiert ist. Seine 100% von was? keine Höhe, wenn irgendwo definiert. Sie können Javascript verwenden, um die Höhe des aktuellen Fensters zu erhalten (wie bereits erwähnt), oder eine bestimmte Höhe von 800px oder einen beliebigen Wert angeben. : D
Bitte poste deine HTML und CSS. –