/ Code Css calc() | Résultat du code Css calc() | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code de la fonction CSS calc().

<style type="text/css">
.cal-left{
  border:1px solid green; 
  position:relative; 
  width:100px; 
  left : (50% + 10px); 
}
.cal-margin{
 border:1px solid green; 
 width:100px; 
 margin : (1px + 1px) (1px + 10px); 
}
</style>
<div style="border:1px solid red; width:300px; ">
<div class="cal-left"> expression expression </div>
</div>
<div style="border:1px solid red; display:inline-block">
<div class="cal-margin"> expression expression </div>
</div>

Interprétation du code de la fonction calc() CSS par votre navigateur.

expression expression
expression expression

Interprétation normale du code de la fonction CSS calc() (copie d'écran).

copie d'écran de l'affichage de la fonction CSS calc()