Maksymalna wysokość - CSS-Tricks

max-heightNieruchomość w CSS jest używany do ustawiania wysokości maksymalnej w określonym elemencie. Autorzy mogą używać dowolnych wartości długości, o ile są one dodatnie. max-heightzastępuje wysokość, ale min-heightzawsze nadpisuje 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; )

Sprawdź ten długopis!

Procent jest obliczany w odniesieniu do wysokości bloku zawierającego. Jeśli wysokość bloku zawierającego nie jest określona jawnie, wartość procentowa jest traktowana jako brak. max-heightNieruchomość będzie miała zastosowanie do wszystkich elementów z wyjątkiem elementów spoza zastąpione inline, kolumn tabeli oraz grup kolumn (np colgroup, col).