box-sizing

"Box-sizing" wird verwendet, um zu bestimmen wie Breiten und Höhen von Elementen berechnet werden.

/* Werte */
box-sizing: content-box; //(default, padding und Ränder zur Breite hinzugerechnet)
box-sizing: border-box; //padding und Ränder sind Teil einer Breite

Weiteführende Links:

• https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing