Acabei de ler sobre a função CSScalc() na Rede de Desenvolvedores da Mozilla.

O primeiro exemplo emEste artigo usa o seguinte código CSS:

.banner {
  position: absolute;
  left: calc(40px);
  width: calc(100% - 80px);
  border: solid black 1px;
  box-shadow: 1px 2px;
  background-color: yellow;
  padding: 6px;
  text-align: center;
  box-sizing: border-box;
}

E essa marcação HTML:

<div class="banner">This is a banner!</div>

Perdoe-me, se esta é uma pergunta excessivamente trivial, mas há alguma razão para usarleft: calc(40px) ou isso é simplesmente um erro? Como não há nada para calcular, eu colocarialeft: 40px;.