Skip to content

Calc() en CSS

calc() en CSS permite realizar cálculos matemáticos con diferentes unidades para definir valores dinámicos. Se usa para sumar, restar, multiplicar o dividir valores, combinando unidades relativas (como %, vw) y absolutas (como px, em).

Ejemplos:

  • Ancho dinámico: width: calc(100% - 50px);
    (100% del contenedor menos 50px)
  • Fuente adaptable: font-size: calc(1rem + 5vw);
    (1rem más el 5% del ancho de la ventana)

Es útil para crear diseños flexibles sin usar media queries.