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. |
>>: Beispielcode zur Implementierung mobiler Expansions- und Collapse-Effekte mit reinem CSS3
Artikel empfehlen
So zeigen Sie alle laufenden Prozesse in Linux an
Sie können den Befehl ps verwenden. Es kann relev...
js genaue Berechnung
var numA = 0,1; var numB = 0,2; Alarm (Zahl A + Z...
Beispielcode zur Implementierung einer Auto-Increment-Sequenz in MySQL
1. Erstellen Sie eine Sequenztabelle CREATE TABLE...
Verwendung des Linux-Befehls passwd
1. Befehlseinführung Mit dem Befehl passwd werden...
Zusammenfassung der mit dem Abfangen von MySQL-Zeichenfolgen verbundenen Funktionen
In diesem Artikel werden MySQL-Funktionen zum Abf...
Lösung für Front-End-Browser-Schriftgrößen von weniger als 12 Pixel
Vorwort Als ich kürzlich an einem Projekt arbeite...
Web-Kenntnisse: Lösung für die Koexistenz mehrerer IE-Versionen IETester
Meine Empfehlung Lösung für die Koexistenz mehrer...
uni-app implementiert NFC-Lesefunktion
In diesem Artikel wird der spezifische Code der U...
Detaillierte Erläuterung der benutzerdefinierten MySQL-Funktionen und gespeicherten Prozeduren
Vorwort Dieser Artikel stellt hauptsächlich die r...
Beispiele für die Verwendung von pessimistischem und optimistischem Sperren in MySQL
Pessimistische Sperre Pessimistische Sperre, betr...
So erhalten Sie Datums-/Uhrzeitdaten in MySQL, gefolgt von .0
Der Datentyp von MySQL ist datetime. Die in der D...
Block- und Zeilenelemente, Sonderzeichen und Verschachtelungsregeln in HTML
Wenn wir die Verschachtelungsregeln grundlegender...
Mehrere Möglichkeiten, das gepunktete Kästchen zu entfernen, das beim Klicken auf einen Link angezeigt wird
Hier sind einige Möglichkeiten zum Entfernen: Füge...
Erläuterung der Docker Compose-Netzwerkeinstellungen
Grundlegende Konzepte Standardmäßig erstellt Comp...
5 coole und praktische Einführung in HTML-Tags und -Attribute
Tatsächlich handelt es sich auch hier um einen Cl...