Was ist der Unterschied zwischen Content-Box und Border-Box?

Was ist der Unterschied zwischen Content-Box und Border-Box? Lassen Sie es mich Ihnen im Detail erklären:

• Was ist der Unterschied zwischen Content-Box und Border-Box?:

• Polsterung und Rand sind in der Definition nicht enthalten Breite und Höhe. Die tatsächliche Breite des Objekts entspricht der Summe aus eingestelltem Breitenwert, Rand und Innenabstand, d. h. (Elementbreite = Breite + Rand + Innenabstand)

• Dieses Attribut verhält sich wie folgt ein Boxmodell im Standardmodus.

• Was ist der Unterschied zwischen Content-Box und Border-Box?:

• Polsterung und Rand sind in der definierten Breite und Höhe enthalten. Die tatsächliche Breite des Objekts entspricht dem eingestellten Breitenwert. Auch wenn Rand und Abstand definiert sind, wird die tatsächliche Breite des Objekts nicht geändert, d. h. (Elementbreite = Breite)

• Dieses Attribut verhält sich im Box-Modell im Modus seltsam.

Beispiel:

• Was ist der Unterschied zwischen Content-Box und Border-Box?:

  .test1{ box-sizing:Was ist der Unterschied zwischen Content-Box und Border-Box?; width:200px; padding:10px; border:15px solid #eee; }

  

• Was ist der Unterschied zwischen Content-Box und Border-Box?:

  .test2{ box-sizing:Was ist der Unterschied zwischen Content-Box und Border-Box?; width:200px; padding:10px; border:15px solid #eee; }

  

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Content-Box und Border-Box?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!