Boxsizing

Wird einem Element mit einer bestimmten Größe ein Rahmen (border) oder eine Innenabstand (padding) vergeben, wird dies zur angegebenen Größe addiert.
Mit box-sizing : border-box; kann dies verhindert werden.

Da dieses Verhalten bei den meisten Elementen gewünscht ist, legt man am besten am Anfang seiner CSS-Datei ein Wildcard mit box-sizing an:

*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}