Es ist auch der einfachste Weg geworden, ein Multi -Column -Layout zu erstellen.
<Img src = /> <p> Textinhaltsabsatz Inhalt Text Inhalt Inhalt Inhalt inhaltlich Inhalt Inhalt inhaltliche Textinhaltsinhalt Inhalt Inhalt Inhalt Absatz Inhalt < /p>[1] Textwickelbilder
P {Rand: 0; 【2】 Erstellen Sie ein Multi -Column -Layout P {Rand: 0; Zweitens ist das schwimmende Element aus dem Dokumentenfluss, und das übergeordnete Element kann ihn nicht sehen, da es nicht von ihm umgeben ist und das Sub -Element hoch sein wird und das übergeordnete Element zu diesem Zeitpunkt nicht unterstützt wird Es ist nicht so, dass wir es wollen.Im Folgenden finden Sie drei Methoden, um es zu lösen .
<Stichs ist Absatz. Dies ist Absatz unten
Abschnitt, Fußzone {Rand: Solid 1px;} img {float: links;} [1] Überlauf zu übergeordneten Elementen: versteckt;Die tatsächliche Verwendung dieser Aussage besteht darin, zu verhindern, dass die übergeordneten Elemente durch große Inhalte geöffnet werden.
Darüber hinaus hat Überlauf: Hidden hat auch eine andere Rolle, dh das übergeordnete Element zuverlässig dazu zwingen, seine schwimmende Sub -Element zu enthalten.
Sie können nicht die Top -Elemente des Menü "Drop -Down -Menü" verwenden, andernfalls wird das Drop -Down -Menü, da die Sub -Element nicht angezeigt wird.
[2] Gleichzeitig schwebt das übergeordnete Element, die Breite von 100%ist die gleiche Breite wie die Browserbreite und setzt den schwimmenden Schwimmer für die Fußzeile ein, damit die Foos nicht neben dem Abschnitt gepresst werden Abschnitt {Grenze: Solid 1px;Es kann nicht durch automatische äußere Elemente in der Außenentfernung verwendet werden. Sonst nicht mehr.
[3] Fügen Sie nicht floßen Entfernungselemente (Pseudoelemente) hinzu. .ClearFix: After {Inhalt: Block; 3. Wenn es kein übergeordnetes Element gibt, wie man es entzieht (IMG P als Gruppe, kein übergeordnetes Element)<abschnitt> <img src = /> <p class = clearFix> Textinhaltsabsatz Inhalt Inhalt Inhalt Inhalt Text Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Absatz Inhalt Inhalt Inhalt < /p> <img src = /> <p Klasse drei Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt inhalt Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text auchs jedoch Text Text Text Text Text Text jedoch Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text auchs jedoch Text Text Text Text Text Text jedoch Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text auchs jedoch Text Text Text Text Text Text jedoch Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text jedoch jedoch Text Text auch Text Text Text Text inhalt
.ClearFix: After {Inhalt: Block;Das oben genannte Inhalt dieses Artikels.