HTML CSS : gérer dimensions des div avec le « box-sizing »

Si on ajoute un padding de 20px à une box de 250px de largeur, les 20px vont être de base ajoutés de chaque côtés des 250px.

En ajoutant la propriété box-sizing on précise la référence du padding:

box-sizing: content-box;

-> la référence est le contenu de la div.

box-sizing: border-box;

-> la référence est le bord de la box.