La fonction calc() en CSS - Alsacreations
▻http://www.alsacreations.com/article/lire/1630-la-fonction-calc-en-css.html
Le navigateur peint la page, connaît l’interaction entre les éléments, calcule et interprête toutes les valeurs au sein de leur contexte, qu’il s’agisse de pixels, de pourcentages, de em, rem, pt, etc.
Concrètement, seul un navigateur est capable de savoir ce que donne l’expression « 100px + 2em ».
Aucune machine à calculer ni aucun préprocesseur ne peut exécuter ce calcul en amont avant que la page ne soit lue par le navigateur, car ils ne connaissent pas le contexte de rendu.
Bref, avec calc(), on laisse faire le navigateur faire son boulot, et c’est tant mieux.