Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > Wenn der Div-Container wächst, wächst auch die Hintergrundfarbe oder das darin enthaltene Bild entsprechend_HTML/Xhtml_Webpage-Produktion

Wenn der Div-Container wächst, wächst auch die Hintergrundfarbe oder das darin enthaltene Bild entsprechend_HTML/Xhtml_Webpage-Produktion

WBOY
Freigeben： 2016-05-16 16:38:43
Original
1119 Leute haben es durchsucht

Code kopieren
Der Code lautet wie folgt:

height:auto !important; height:550px ;
min-height:550px

Fügen Sie den Code am Ende des Div hinzu:
< /div>

Oder verwenden Sie



2 > Diese Methode wird für den übergeordneten Container verwendet. Nach der Pseudoklassen- und Inhaltsdeklaration wird am Ende des angegebenen aktuellen Inhalts neuer Inhalt hinzugefügt. Ein gängiger Ansatz besteht darin, einen „Punkt“ hinzuzufügen, da dieser kleiner und weniger auffällig ist. Dann verwenden wir es, um den Float zu löschen (das Float-Element zu schließen) und den Inhalt auszublenden.

Diese Methode ist allgemein kompatibel, kann aber nach verschiedenen Hacks mit verschiedenen Browsern umgehen und gleichzeitig sicherstellen, dass der HTML-Code relativ sauber ist, sodass er immer noch häufiger verwendet wird.





Code kopieren
Der Code lautet wie folgt:
#outer: after{
content: ".;
visibility:hidden;
clear:both; 🎜>3 .Überlauf auf ausgeblendet oder automatisch setzen

Diese Methode besteht darin, den Überlauf des übergeordneten Containers auf ausgeblendet oder automatisch zu setzen, um das schwebende Element in einem standardkonformen Browser zu schließen Wenn Sie einen Überlauf verwenden, kann dies Auswirkungen auf die Seitenleistung haben, und diese Auswirkung ist ungewiss. Testen Sie Ihre Seite am besten in mehreren Browsern

4 > Dieser Ansatz besteht darin, den übergeordneten Container schwebend zu machen, was sich eine Eigenschaft schwebender Elemente zunutze macht – schwebende Elemente schließen schwebende Elemente. Diese Methode hat gute Ergebnisse in IE/Win und standardkompatiblen Browsern, aber der Nachteil liegt auch auf der Hand: Der übergeordnete Container schwebt möglicherweise nicht, nur weil er schweben möchte. Schließlich ist das Schweben ein besonderes Verhalten, und manchmal ist dies beim Layout nicht der Fall richtig. Es ist auch normal, es schweben zu lassen.
Verwandte Etiketten：
图片 背景色
Quelle：php.cn
Vorheriger Artikel：Einige Einstellungen von Div bezüglich Rändern und Transparenz_HTML/Xhtml_Webseitenproduktion Nächster Artikel：So legen Sie das Breitenattribut für die Seitenproduktion des Span-Tags style_HTML/Xhtml_Web fest
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Generieren Sie Standardwerte und CSS-Variablen mit SCSS Ich setze Website-Styling um. Aus Gründen der Legacy-Unterstützung muss ich IE11 zumindest...
Aus 2024-04-06 17:46:54
0
1
355
Problem bei der Initialisierung der CommandText-Eigenschaft Ich versuche, Daten mithilfe einer C#-Konsolenanwendung gleichzeitig in zwei (später drei)...
Aus 2024-04-04 22:43:24
0
1
385
Überarbeiteter Titel: Berechnen Sie die Gesamtsumme basierend auf der Auswahl des Kontrollkästchens Ich entwickle eine einfache Anwendung zur Finanzverfolgung. Im Antrag gibt es eine Tabelle...
Aus 2024-04-04 13:45:50
0
1
3465
So positionieren Sie ein Div neben einer Seitenleiste, sodass das Div beim Öffnen der Seitenleiste nach links verschoben wird Immer wenn ich die Seitenleiste öffne, wird das Hauptinhalts-Div unterhalb der Seitenleist...
Aus 2024-04-03 14:47:21
0
1
325
Wie richte ich Bilder mithilfe eines CSS-Rasters aus? Ich versuche, einen Teil einer Website mithilfe eines CSS-Rasters zu erstellen. Ich versuc...
Aus 2024-04-01 22:08:31
0
1
338
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage