Max-korkeus - CSS-temppuja | CSS-almanakka 2025

max-heightOmaisuus CSS käytetään asettamaan maksimikorkeus tietyn elementin. Kirjoittajat voivat käyttää mitä tahansa pituusarvoista, kunhan ne ovat positiivisia arvoja. max-heightohittaa korkeuden, mutta min-heightohittaa aina max-height.

.wrapper ( height: 100%; /* full height of the content box */ max-height: 20em; /* requires an absolute value for height. */ ) .wrapper ( height: 50px; max-height: 20px; /* Will be AT MOST 20px tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )

Katso tämä kynä!

Prosenttiosuus lasketaan sisältävän lohkon korkeuteen nähden. Jos sisältävän lohkon korkeutta ei ole määritelty nimenomaisesti, prosentuaalista arvoa ei käsitellä. max-heightOminaisuus koskee kaikkia elementtejä paitsi ei-korvattavien elementtien, taulukkopalstaa, ja sarakkeen ryhmät (esim colgroup, col).