CSS a deux modèles de boîtes
Sont
contenu-boîte: contenu boîte-contenu est la
bordure de la boîte bordure-boîte: bordure boîte-la bordure est la bordure de la boîte
Formule:
largeur de la zone de contenu = largeur du contenu largeur de la zone de
bordure = largeur du contenu + remplissage + bordure
En regardant la figure ci-dessous, le div défini sur border-box est évidemment beaucoup plus petit que le content-box. Il est généralement recommandé d'utiliser border-box, afin que la largeur et la hauteur de l'élément soient faciles à calculer pendant la mise en page.