In diesem Artikel wird das Problem der Verwendung der neuen Attribut-Box-Größe von CSS3 eingeführt, um das Problem der Einstellung der Breite zu lösen: 100%vor der Einstellung von Polsterung oder Rand, um das übergeordnete Element zu überschreiten.
GrammatikBoxgröße: Inhaltsbox |Wert 1. Content-Box
Dies ist eine durch CSS2.1 angegebene Breite.
Die Breite und Höhe werden auf das Inhaltsfeld des Elements angewendet.
Zeichnen Sie das Innenraum und die Rahmen des Elements außerhalb der Breite und Höhe.
Wert 2, Border-BoxDie Breite und Höhe des Elements bestimmen das Randfeld des Elements.
Das heißt, jeder für das Element angegebene Innenbereich und Rand werden innerhalb der festgelegten Breite und Höhe gezeichnet.
Die Breite und Höhe des Gehalts kann durch Subtrahieren des Randes und des Innenbereichs von der festgelegten Breite und Höhe erhalten werden.
Wert IIIDie Vorschriften sollten den Wert der Boxgrößeneigenschaft aus dem übergeordneten Element erben.
Beispiel<! order-Box; ; Padding: 15px;} </style> </head> <body> <div class = container> <div class = box> Diese Div nimmt die linke Hälfte. </div> </div> </body> </html>Zusammenfassen
Das oben genannte Inhalt dieses Artikels.