Kiedy używasz %
dla szerokości lub wysokości, pierwsze pytanie, które powinieneś zadać, to to, co 80%
? Więc trzeba także stosować wysokość do elementu nadrzędnego, więc zakładając, że ten element jest twój wewnątrz znacznika body, trzeba to wykorzystać w swojej CSS
html, body {
height: 100%;
}
więc teraz swoją elementem div
będzie 80%
z 100%
Demo
Side Uwaga: również, gdy masz do czynienia z absolute
elementów pozycjonowanych, można natknąć się na scenariuszu, gdzie div
nie przekroczy bieżącą wysokość rzutni, więc w tym przypadku trzeba mają min-height
Wysokość procenty są nieco zaniedbany, ale jeśli nalegać, wykorzystujące procenty zajmie tylko procentu wysokości pojemnika. Spróbuj dodać {min-height: 100%; } do znacznika {body}. –
minimalna czynność do wykonania = (użyłem zamiast tego, wysokość: 100% – Flezcano
Teraz będziesz mieć problem, gdy wzrost zawartości musi się powiększyć o 100%. –