Maison  >  Article  >  Opération et maintenance  >  Comment utiliser calc() en CSS3

Comment utiliser calc() en CSS3

WBOY
WBOYavant
2023-05-16 21:25:04912parcourir

Utilisation de CSS3 calc()

L'utilisation de calc() est similaire à une fonction et peut définir des valeurs dynamiques​​aux éléments :

/* basic calc */
.simpleBlock {
 width: calc(100% - 100px);
}

/* calc in calc */
.complexBlock {
 width: calc(100% - 50% / 3);
 padding: 5px calc(3% - 2px);
 margin-left: calc(10% + 10px);
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer