Esta propiedad de CSS fue creada con la intención de romper el modelo de caja. El modelo de caja añade las dimensiones de padding, margin y border a las dimensiones del elemento, Si el elemento anterior posee la propiedad box-sizing: border-box;, el padding y border de ese elemento no incrementan su ancho.
Valores
content-box: Este es el valor por defecto. Si el elemento posee un ancho y alto definido pero ademas un padding, un border o un margin. Sus medidas totales se veran afectadas, es decir,
El navegador muestra un elemento con un ancho de 284px y un alto de 184px
border-box: Las propiedades de anchura y altura (y las propiedades min / max) incluyen contenido, relleno y borde, pero no el margen
