Hvordan justerer jeg en boks Høyde forhold til en vindusstørrelse i CSS?

Høyden eiendom i CSS brukes til å gi høyde til elementer i en nettside. Eiendommen må defineres som en prosentandel for å gjøre høyden i forhold til størrelsen på vinduet. Høyden eiendom må være definert for hele kroppen på siden, samt elementet du vil endre størrelse (basert på størrelsen på vinduet). For å holde høyden på 100 prosent, kan "min-høyde" egenskap benyttes i tillegg.

Bruksanvisning

1 Åpne CSS-filen i et tekstredigeringsprogram som Notisblokk for Windows eller tekstredigerings for Mac ved å klikke på "File" og "Open".

2 Legg høyden eiendom til HTML og BODY-kodene. For eksempel: html, body {height: 100%;}.

3 Legg til min høyde eiendom til elementet du vil endre størrelsen på. Hvis ID av elementet er "boksen", så vil koden se slik ut: #box {min-height: 100%;}.

4 Bruk stjerne velgeren hack for å angi minimumshøyden for IE 6. IE 6 vil ikke bruke standard CSS uten hacks tvinger leseren til å "se" på koden. Andre nettlesere har ikke dette problemet. For å støtte IE 6, bruker stjerne før elementet i CSS og bruke høyden eiendom. For eksempel: * html #box {height: 100%;}.

5 Lagre filen ved å klikke på "File" og "Lagre".