Le modèle de boîte décrit chaque élément comme une boîte composée, de l'intérieur vers l'extérieur, du contenu, du padding, de la bordure (border) et de la marge (margin). Avec box-sizing: border-box, width inclut padding et bordure, ce qui simplifie les calculs de taille.
Exemple
*, *::before, *::after { box-sizing: border-box; }
.carte { padding: 1rem; border: 1px solid #ccc; }