HTML und CSS · Senior · Frage 7 von 75
Was bringt contain: layout paint (oder contain: content)?
- 1Es verbietet dem Element, nach dem ersten Zeichnen seine Größe zu ändern
- 2Es schneidet den Inhalt nur ab wie
overflow: hidden, aber ohne Scrollleiste - 3Ein Versprechen, dass der Inhalt Layout und Paint draußen nicht berührt
Antwort zeigen
Richtige Antwort: Ein Versprechen, dass der Inhalt Layout und Paint draußen nicht berührt
Erklärung
CSS Containment isoliert einen Teilbaum: Änderungen darin erzwingen kein Layout und kein Paint des Rests der Seite. Nützlich für Widgets, Feeds und komplexe Komponenten. Nebenwirkung: paint schneidet Inhalt an den Grenzen ab und erzeugt einen Containing Block und einen Stacking Context, also wendet man es nicht gedankenlos an.