Calc-funktionen
Funktionen calc gør det muligt at udføre
beregninger af CSS-egenskabsværdier. Funktionen
tager et matematisk udtryk som parameter,
og resultatet af beregningen kan bruges
som værdi for en CSS-egenskab.
Udtrykket kan inkludere operatorerne
+, -, *, /.
Syntaks
selector {
egenskab: calc(udtryk);
}
Eksempel
Lad os gøre så blokkens bredde
er lig med 100% af forælderens bredde, minus
50px:
<div id="parent">
<div id="child"></div>
</div>
#child {
width: calc(100% - 50px);
height: 100px;
margin: 0 auto;
border: 1px solid red;
}
#parent {
border: 1px solid green;
}
:
