Altezza max - Trucchi CSS | CSS Almanac 2025

La max-heightproprietà in CSS viene utilizzata per impostare l' altezza massima di un elemento specificato. Gli autori possono utilizzare qualsiasi valore di lunghezza purché sia un valore positivo. max-heightsostituisce l'altezza, ma min-heightsostituisce sempre 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; )

Dai un'occhiata a questa penna!

La percentuale è calcolata rispetto all'altezza del blocco contenitore. Se l'altezza del blocco contenitore non è specificata esplicitamente, il valore percentuale viene trattato come nessuno. La max-heightstruttura si applica a tutti gli elementi ad eccezione degli elementi non sostituito linea, colonne di tabella, e gruppi di colonna (ad esempio colgroup, col).