Aus dem Kurs: Webtechniken lernen 3: Responsive CSS-Layouts mit Media Queries, Flexbox und Grid

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Gefloatete Elemente sind nicht mehr ganz im Flow

Gefloatete Elemente sind nicht mehr ganz im Flow

Aus dem Kurs: Webtechniken lernen 3: Responsive CSS-Layouts mit Media Queries, Flexbox und Grid

Gratismonat starten Für Ihr Team erwerben

Gefloatete Elemente sind nicht mehr ganz im Flow

“

Der Abstand zwischen dem gefloateten Element und dem umfließenden Text wurde hier mit margin-right definiert, und zwar für das gefloatete Element. Und das ist auch sinnvoll, denn gefloatete Elemente werden teilweise aus dem Flow gehoben, und das möchte ich Ihnen jetzt hier einmal kurz zeigen. Ich habe hier margin-right entfernt, sodass der Text wieder etwas dichter dran steht. Und wenn ich jetzt den Absatz markiere hier, dann sieht man schon, sobald der Mauszeiger da drüber steht, dass der Absatz doch bis ganz links reicht und nicht vor dem Bild aufhört. Es sieht so aus, als ob der Absatz neben dem Bild beginnt, aber wenn ich das hier markiere, dann sieht man das schon, dass das nicht oder bzw. nur teilweise der Fall ist. Ich möchte hier jetzt mal einen Hintergrundfarbe für den Absatz vergeben. Und dann sieht man hier, dass diese Hintergrundfarbe tatsächlich bis unter das Bild reicht. D.h., ein gefloatetes Bild wird teilweise aus dem Flow gehoben, sodass es über dem Absatz liegt…

Inhalt