HTML und CSS · Junior · Frage 13 von 75
Was macht box-sizing: border-box?
- 1Rechnet
paddingundborderin die angegebenewidthundheightein - 2Entfernt
paddingundborderdes Elements und lässt nur den Inhalt - 3Zeichnet einen zusätzlichen Rahmen um das Element außerhalb seines
margin
Antwort zeigen
Richtige Antwort: Rechnet padding und border in die angegebene width und height ein
Erklärung
Bei content-box (Standard) setzt width nur die Breite des Inhalts, und padding und border kommen hinzu: width: 200px + padding: 20px = 240px. Bei border-box ist die Gesamtbreite genau 200px, und der Inhalt schrumpft. Deshalb wenden viele CSS-Resets border-box auf jedes Element an. margin gehört nie zur Größe.