Ustawianie wysokości ciała na 100%

Question

Potrzebuję mieć treść wszystkich moich stron (z wyjątkiem strony głównej) znajdującą się na http://www.zorglegal.nl na tej samej wysokości (100% wysokości przeglądarki), aby brązowy pasek po prawej stronie był rozciągnięty na pełnym ekranie od góry do dołu. Jak mogę to najlepiej osiągnąć?

html{ 
    height: 100%; 
} 

body{ 
    min-height: 100%; 
} 

nie działa. Próbowałem również ustawić klasę dla elementu content i próbowałem ustawić ją na 100% height, ale to też nie działa. Jak mogę to zrobić?

Brązowy pasek jest obrazem png i jest ustawiony jako obraz tła dla kontenera o pełnej szerokości. Więc jeśli ten pojemnik jest w 100% wysoki, powinien działać. Ale jak?

Answer 1

html, body{ 
    margin: 0; 
    padding: 0; 

    min-width: 100%; 
    width: 100%; 
    max-width: 100%; 

    min-height: 100%; 
    height: 100%; 
    max-height: 100%; 
} 

Ten program pomoże Ci ustawić wysokość 100% dla każdej strony.

Answer 2

Body Height to 100%

html, body { 
    width: 100%; 
    height: 100%; 
} 

Answer 3

starać się osiągnąć przy użyciu javascript:

$(window).bind('resize', yourclassname); 

W yourclassname również użyć yourID, dać go do nadrzędnej div.

Answer 4

spróbować

html,body { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    height: 100%; 
    width: 100%; 
} 

I upewnij się, żaden z innych klas lub skryptów kolidować z powyższym CSS.

Mam nadzieję, że to pomoże. :)

Answer 5

Możesz użyć wysokości rzutni.

height: 100vh 

To oznacza, że ​​div lub cokolwiek jest tak wysokie, jak w oknie przeglądarki.