float-Test
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. ...
Get HTML & CSS von Kopf bis Fuß, 2nd Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
