box-sizing: border-box (alternative box-model

Wenn wir möchten, dass ein Element inklusive padding und border auf eine bestimmte Größe
passen, dann border-box ist das richtige dafür.
Alle Elemente auf dieser Seite sind mit width: 400px; border: 5px solid red definiert.

1. Beispiel, mit "normaler" Box-Model, 400px - bezieht sich auf Inhalt!

2. Gleiche Elemente, aber, mit box-sizing: border-box. 400px bezieht sich auf Gesamtgröße!

Die CSS für box-sizing sieht so aus:
.boxSizing {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}