Cet article présente le problème de l'utilisation du nouveau dimensionnement des boîtes d'attribut de CSS3 pour résoudre le problème de la largeur de réglage: 100% avant de définir le rembourrage ou la marge pour dépasser l'élément parent.
grammaireBox-Dimente: Content-Box | Border-Box |Valeur 1. Box de contenu
Il s'agit d'une hauteur de largeur spécifiée par CSS2.1.
La largeur et la hauteur sont appliquées à la boîte de contenu de l'élément.
Dessinez l'intérieur et les cadres de l'élément en dehors de la largeur et de la hauteur.
Valeur 2, Border-BoxLa largeur et la hauteur de l'élément déterminent la boîte de bordure de l'élément.
C'est-à-dire que toute distance intérieure et bordure spécifiée pour l'élément seront dessinées dans la largeur et la hauteur de l'ensemble.
La largeur et la hauteur du contenu peuvent être obtenues en soustrayant la bordure et la distance intérieure de la largeur et de la hauteur de l'ensemble.
Valeur III.Les réglementations doivent hériter de la valeur de l'attribut de dimensionnement en boîte de l'élément parent.
exemple<! Ordre -bout; -Moz-Box-Size: Border-Box; / * Firefox * / -Webkit-Box-Size: Border-Box; ; </div> </div> </ body> </html>Résumer
Ce qui précède est tout le contenu de cet article.