Sie befinden sich hier: » CSS Angaben » Größen » max-height

Maximalhöhe :: max-height

Mit der Angabe "max-height" kann man die Maximalhöhe eines Elementes beeinflussen. Dabei ist zu beachten, das dies nicht bei Inline-Elementen funktioniert. Bei prozentualen Angaben beziehen sich diese immer auf die Größe des Elternelementes.

<div style="border: solid 1px #c87137; max-height: 200px;">
   diese Box ist 200px hoch
   <div style="border: solid 1px #c87137; max-height: 30%;">
      die innere Box hat eine Höhe von 30% der äußeren,<br />
      sollte also dann 60px hoch sein ;)
   </div>
</div>

so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird

diese Box ist maximal 200px hoch
die innere Box hat eine maximale Höhe von 30% der äußeren,
sollte also dann 60px hoch sein ;)

height Definition

CSS Version
Startwert auto
Vererbar Nein
Anwendbar auf alle Elemente außer Inline-Elemente
Medium visual
mögliche Werte
Anmerkungen

Browserunterstützung von height

Microsoft Internet Explorer Opera Netscape Mozilla Firefox Safari Konqueror Google Chrome
5+ 5+ 4 6+ 1+ 0.8+ 1+ 3.5+ 2
letzte Änderung: 13.07.2010