Verständnis von Haslaylout- und BFC-Parsing

1. haslayout und bfc sind IE-spezifische und Standardattribute.

2. BFC ist ein isolierter, unabhängiger Container auf der Seite. Die untergeordneten Elemente im Container wirken sich nicht auf die Elemente außerhalb aus und umgekehrt.

3. BFC hat 3 Funktionen:

1. Enthält schwebende Elemente,

2. Überschneidungen beim Drehbuchschreiben vermeiden,

3. Verhindern Sie, von schwebenden Elementen verdeckt zu werden

4. Auslösebedingungen:

Float-Wert ungleich None
Überlaufwerte außer sichtbar (versteckt, automatisch, scrollen)
Anzeige (Tabellenzelle, Tabellenüberschrift, Inline-Block, Flex, Inline-Flex)
Der Positionswert ist (absolut, fest)
Das Fieldset-Element

Es ist wichtig zu beachten, dass BFC ein unabhängiger Container ist, der andere Layouts nicht beeinflusst und auch nicht beeinflusst wird. Durch die Verwendung seiner Eigenschaften können Sie Probleme wie das Löschen von Floats und 2-Spalten-Layouts lösen.

Beispiel: 2-spaltiges adaptives Layout

1. Lösen Sie es mit Floating und negativem Rand

2. BFC auslösen und nicht von schwebenden Elementen abgedeckt werden

Installieren Sie Docker auf Centos7 (neueste Version 2020 verfügbar, einfach kopieren und einfügen)

Artikel

Verständnis von Haslaylout- und BFC-Parsing

Beschreiben Sie kurz die MySQL InnoDB-Speicher-Engine

So stellen Sie mit Node-Red eine Verbindung zur MySQL-Datenbank her

Docker verwendet CMD- oder ENTRYPOINT-Befehle, um mehrere Dienste gleichzeitig zu starten

Player in Webseite einbetten Einbettungselement Autostart falsch ungültig

So stellen Sie HBase mit Docker bereit

Methode zur Implementierung von Website-Hintergrundmusik

Installieren Sie Docker auf Centos7 (neueste Version 2020 verfügbar, einfach kopieren und einfügen)

Tipps zur Verwendung von DIV-Containern mit fester Höhe in IE6 und IE7

Zusammenfassung gängiger Befehle in Dockerfile

So ändern Sie die Server-UUID in MySQL

Artikel empfehlen

MySQL5.6.31 winx64.zip Installations- und Konfigurationstutorial

Implementierung einer verschiebbaren Komponente zum Teilen des linken und rechten Bedienfelds in Vue3

SQL IDENTITY_INSERT-Fallstudie

MySQL-Optimierung: Cache-Optimierung (Fortsetzung)

Detaillierte Erläuterung der Lösung für das Problem der automatischen Trennung der xshell-Remoteverbindung

Lösung für die leere Zeile vor der UTF-8-codierten Webseite, wenn sie Dateien enthält

Detaillierte Erläuterung der 4 gängigen Datenquellen in Spark SQL

Detaillierte Erläuterung der Installation und Konfiguration des Redis- und phpredis-Erweiterungsvorgangs im Ubuntu 18.04-System

Vue-Konfigurationsdetails für mehrere Seiten

MySQL-Indexoptimierung: Detaillierte Einführung in die Paging-Erkundung

Datenbankübergreifende Assoziationsabfragemethode in MySQL

Der Dienst für die dekomprimierte Version von MySQL 5.6 kann aufgrund des Systemfehlers 1067 nicht gestartet werden

CSS Polarkoordinaten Beispielcode

react-beautiful-dnd implementiert die Drag-and-Drop-Funktion für Komponenten

Vue verwendet Monaco, um Codehervorhebung zu erreichen