La funcion calc() permite realizar calculos para determinar valores. Todos los elementos que acepten valores numericos (como los lenght) pueden funcionar con calc(). Esta es estructura:

width:calc(100%-20px);

La propiedad que utilicemos tiene que ser alguna que acepte un numero como variable

El primer valor de la operacion numerica

Que tipo de operacion sera (calc acepta suma, resta, división y multiplicación)

El segundo valor de la operación numerica

Algunos ejemplos de como puede funcionar calc:

• Añadir margenes a un objeto sin propiedad margin

width: calc(100% - 80px);

• Que el input de un formulario siempre ocupe todo el width disponible pero deje un pequeño margen.

width:calc(100%-2vw);