Formatierungskontext auf CSS-Blockebene BFC

Dieser Artikel stellt hauptsächlich den CSS-Formatierungskontext BFC vor, der einen bestimmten Referenzwert hat. Jetzt kann ich ihn mit allen teilen. Freunde in Not können darauf verweisen.

Dieser Bereich wird durch ein HTML-Element erstellt und die folgenden Elemente erstellen darin einen BFC-Bereich

1. Root-Element

2. Floating- und absolut positionierte Elemente

3. Überlauf entspricht nicht der sichtbaren Blockbox

Der Effekt der BFC-Erstellung wird auf seine untergeordneten Elemente angewendet. Sie stören sich beim Rendern nicht

Erstellen Sie das BFC-Element und isolieren Sie es. Die Verbindung zwischen internem und externem Rendering hat keinen Einfluss auf das externe.

Spezifische Regeln:

1. Erstellen Sie ein BFC-Element und dessen Für schwebende Elemente muss die automatische Höhe berechnet werden

2. Beim Erstellen eines BFC-Elements überlappt sein Rahmenfeld nicht mit einem schwebenden Element

                              3. Beim Erstellen eines BFC-Elements wird dessen Rahmenfeld angezeigt wird sich nicht mit seinen untergeordneten Elementen überschneiden

Teil der Anzeige Der Wert wird auch automatisch BFC erstellen

Das Obige ist der gesamte Inhalt dieses Artikels, der für das Lernen aller hilfreich sein wird. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

Einführung in die Erstellung gestreifter Hintergrundstile für Webseiten mit CSS

Einführung in die CSS3-Positionierung und -Floating

Das obige ist der detaillierte Inhalt vonFormatierungskontext auf CSS-Blockebene BFC. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!