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
1112 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
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage