Die Hintergrundfarbe oder das Bild im Div-Container wächst mit dem Wachstum

Code kopieren

Der Code lautet wie folgt:

Höhe: auto !wichtig;
Höhe: 550px;
Mindesthöhe: 550px;

Fügen Sie am Ende von Div den folgenden Code hinzu:
<div Stil="clear:both;"></div>

Oder verwenden Sie

<br Stil="klar:beide;" />

2. Verwenden Sie die Pseudoklasse after

Diese Methode dient dazu, die After-Pseudoklasse und die Inhaltsdeklaration für den übergeordneten Container zu verwenden, um am Ende des angegebenen aktuellen Inhalts neuen Inhalt hinzuzufügen. Eine gängige Vorgehensweise besteht darin, einen „Punkt“ hinzuzufügen, da dieser kleiner und weniger auffällig ist. Wir verwenden es dann, um Floats zu löschen (floating-Elemente zu schließen) und den Inhalt auszublenden.

Diese Methode weist eine durchschnittliche Kompatibilität auf, kann nach verschiedenen Hacks jedoch mit verschiedenen Browsern umgehen und stellt gleichzeitig sicher, dass das HTML relativ sauber ist, sodass sie immer noch recht häufig verwendet wird.

Code kopieren

Der Code lautet wie folgt:

#äußeres:nach{
Inhalt:".";
Höhe: 0;
Sichtbarkeit: versteckt;
Anzeige:Block;
klar: beides;
}

3. Stellen Sie den Überlauf auf „versteckt“ oder „automatisch“

Dieser Ansatz besteht darin, den Überlauf des übergeordneten Containers auf „Versteckt“ zu setzen oder das schwebende Element in standardkompatiblen Browsern automatisch zu schließen.

Wenn Sie jedoch Overflow verwenden, kann dies die Leistung der Seite beeinträchtigen, und diese Auswirkung ist ungewiss. Am besten testen Sie Ihre Seite in mehreren Browsern.

4. Schwebende externe Elemente, Float-in-Float

Dieser Ansatz besteht darin, auch den übergeordneten Container schweben zu lassen, wodurch eine Funktion schwebender Elemente ausgenutzt wird: schwebende Elemente schließen schwebende Elemente. Diese Methode hat gute Auswirkungen in IE/Win und standardkompatiblen Browsern, aber ihre Nachteile liegen auch auf der Hand – der übergeordnete Container kann möglicherweise nicht schweben, wann immer er möchte. Schließlich ist das Schweben ein spezielles Verhalten, und manchmal ist es normal, dass das Layout das Schweben nicht zulässt.

<<: Detaillierte Erläuterung der Verwendung von Echart-Diagrammen im Front-End und Back-End des Projekts

>>: Beispielcode zur Implementierung mobiler Expansions- und Collapse-Effekte mit reinem CSS3

Docker verwendet Supervisor zur Verwaltung von Prozessvorgängen

Die Hintergrundfarbe oder das Bild im Div-Container wächst mit dem Wachstum

Docker verwendet Supervisor zur Verwaltung von Prozessvorgängen

Installations-Tutorial zur komprimierten Version von MySQL 8.0.11

Welche Codes sollte ich beherrschen, wenn ich Webdesign lerne?

Eine kurze Erläuterung der MySQL-Benutzerberechtigungstabelle

Zusammenfassung der verschiedenen Haltungen der MySQL-Berechtigungseskalation

mysql8.0.11 Winx64 Installations- und Konfigurationstutorial

Drei Diskussionen zum Iframe Adaptive Height Code

Implementierung einer Warenkorbfunktion basierend auf Vuex

Drei Möglichkeiten zum Zeichnen einer Herzform mit CSS

mysql erstellt Root-Benutzer und normale Benutzer sowie Änderungs- und Löschfunktionen

Artikel empfehlen

Üben Sie die Verwendung von Golang, um mit der Docker-API zu spielen

Detaillierte Erläuterung von drei Beziehungsbeispielen für MySQL-Fremdschlüssel

Lösung zum Vergessen des Passworts bei der Installation von MySQL unter Linux/Mac

CentOS 7-Konfiguration Tomcat9+MySQL-Lösung

Allgemeine Funktionen der MySQL-Grundlagen

Detaillierte Erläuterung des Vue Lazyload-Beispiels für verzögertes Laden von Bildern

Diagramm der Installationszusammenfassung für MySQL 8.0.11

Erfahren Sie in einem Artikel mehr über JavaScript-Closure-Funktionen

Funktionsprinzip und Implementierungsmethode der Vue-Anweisung

Docker stellt über einen Port eine Verbindung zu einem Container her

So ändern Sie das ursprüngliche Passwort von MySQL auf dem MAC

Empfohlene Plugins und Anwendungsbeispiele für Vue-Unit-Tests

Einführung in das Fokuselement document.activeELEment in JavaScript

So implementieren Sie die Kopierschutzfunktion für Webseiten (mit der Cracking-Methode)

Beheben des Problems, dass Notizendetails auf Webseiten grau werden