css2all max-height :: Maximalhöhe

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

height Definition

Browserunterstützung von height

	5+	5+	4	6+	1+	0.8+	1+	3.5+	2