Breite und Höhe lassen sich fest setzen oder begrenzen. Die Begrenzungen sind im Webdesign meist die bessere Wahl.
- Breiten- und Höhenangaben (min/max)
Eigenschaften, mit denen sich die Maße einer Box festlegen oder nach oben und unten begrenzen lassen.
Beispiel: „Eine Breitenangabe wirkt nur dort, wo das Element nicht ohnehin die volle Breite nimmt.“
Begrenzen statt festlegen
.inhalt {
max-width: 70ch;
margin-inline: auto;
}Eine feste Breite passt genau zu einer Fenstergröße. Eine Höchstbreite lässt das Element schmaler werden, wenn weniger Platz da ist, und begrenzt es auf großen Schirmen. Für Lesbarkeit ist die Einheit ch nützlich: Sie misst in Zeichenbreiten, und 60 bis 75 Zeichen gelten als angenehme Zeilenlänge.
Feste Höhen sind riskant
Text wächst: in einer anderen Sprache, bei größerer Schrift, auf schmalen Geräten. Eine feste Höhe führt dann zu abgeschnittenem Inhalt. Wo ein Mindestmaß nötig ist, nimmt man min-height und lässt die Box wachsen.