O'Reilly logo

HTML & CSS von Kopf bis Fuß, 2nd Edition by Eric Freeman, Elisabeth Robson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

float-Test

image with no caption

Aktualisieren Sie das CSS in »sternback.css« und laden Sie die Sternback-Seite neu. Sie sollten den Slogan aus der Kopfleiste nun ganz auf der rechten Seite sehen, genau dort, wo er sein soll – und noch besser ist, dass er tatsächlich dort bleibt, egal wie breit Sie das Browserfenster machen. Erfolg!

Wie das float funktioniert

Erinnern Sie sich an die an früherer Stelle dieses Kapitels erläuterten Schritte, die erforderlich sind, um ein Element schweben zu lassen:

Geben Sie dem Element ein Identität. Wir haben dem Bild, das wir zum Schweben bringen wollten die ID »kopfSlogan« gegeben. Erledigt.

Geben Sie dem Element eine Breite. ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required