I m googling, coding but can t finden Sie eine Lösung für mein Problem. Ich habe einen Container auf 100% Höhe gesetzt, der einen weiteren 100% -Behälter und zwei divs mit fester Höhe enthält, und das vermasselt die ganze Idee, den gesamten Inhalt auf einem Bildschirm ohne Scrollen zu haben. https://jsfiddle.net/6jk91tnq/CSS mehrere divs innerhalb des Containers macht Seite über die Höhe hinaus 100%
Es scheint, dass Sie den Eindruck haben, dass height: 100% bedeutet füllen den Raum jedoch bedeutet es „die Höhe Behälter zu 100% seiner Eltern Set“.
In Ihrem Beispiel haben Sie zwei Container-Divs mit 100% Höhe. Der eine auf der Außenseite hat 100% Höhe seines Elternteils (Körper). Der Innencontainer hat 100% Höhe seines übergeordneten Elements. Dies ist der vorherige Container - Sie haben im Wesentlichen ein Innen-Div, das "die Höhe der gesamten Seite anpasst".
Wenn Sie etwas auf dem Boden einer Seite bleiben (und ignorieren alle anderen Elemente), können Sie es aus dem Fluss nehmen und es mit Gewalt position: absolute; bottom: 0;
Der Außenbehälter mit positionieren sollte das sein nur eine mit 100% sollte das Kind div weniger sein als das
<div style="height:100%">
<div style="height:90%;"/*or any value <100%, that is appropriate for your design */></div>
<div>
Dies bedeutet, dass die äußere div die Bildschirmgröße sein wird, und die innere div wird 90% sein, was auch immer die Eltern div ,
Wenn Sie so etwas wie dieser
<div style="height:50%">
<div style="height:100%"></div>
<div>
Der Behälter div schreiben würden würde nur die Hälfte der Seite abdecken, aber die inneren div wird die ganze Höhe des äußeren div Abdeckung, die 100% seiner Mutter Größe.
Damit meine ich, dass Sie die Höhe Größe des ersten Kind div zu einem Pager in Ihrer Geige,