Photoshop
Cinema 4d
Fotografie
Weitere Grafiksoftware
HTML / CSS
JavaScript
Flash
PHP
Webserver
Sonstige
float (CSS Lexikon)
letzte Änderung am 24.07.2009
Code:
float bezeichnet den Umfluss, etwa wenn ein Bild seitlich von Text umflossen wird. Wichtiges Mittel zur Umsetzung von Säulenlayouts.
Ein Element mit float:left wird zunächst im normalen Fluss dargestellt und dann ganz nach links geschoben, so dass nachfolgende Elemente das Element rechts umfließen können. Entsprechendes gilt für float:right.
Mit clear wird der Umfluss beendet, und zwar nur für linksumflossene (clear:right) oder nur für rechtsumflossene (clear:left) oder für beide Sorten floats (clear:both).
Beachte: Ein float-Elemente wird zwar zunächst im normalen Fluss positioniert, dann aber aus diesem Fluss herausgenommen. Nachfolgende Elemente positionieren sich ohne Rücksicht auf das float-Element, lediglich deren Zeilenboxen werden so gekürzt, dass ihr Inhalt nicht vom float-Element verdeckt wird.
Bei Layouts mit floatenden Säulen links oder rechts nimmt der Layout-Container also keine Notiz von der Höhe seiner in ihm enthaltenen float-Säulen. Hier ist regelmäßig eine clear-Box angebracht.
Quelle: W3C CSS 2.1:
9.5 Floats, speziell
9.5.1 Positioning the float: the 'float' property,
9.8.3 Floating a box
>> Allgemeine Fragen oder Probleme mit dem Lexikon-Begriff? Hier gehts zum Forum!
float: left | right | none | inherit
float bezeichnet den Umfluss, etwa wenn ein Bild seitlich von Text umflossen wird. Wichtiges Mittel zur Umsetzung von Säulenlayouts.
Ein Element mit float:left wird zunächst im normalen Fluss dargestellt und dann ganz nach links geschoben, so dass nachfolgende Elemente das Element rechts umfließen können. Entsprechendes gilt für float:right.
Mit clear wird der Umfluss beendet, und zwar nur für linksumflossene (clear:right) oder nur für rechtsumflossene (clear:left) oder für beide Sorten floats (clear:both).
Beachte: Ein float-Elemente wird zwar zunächst im normalen Fluss positioniert, dann aber aus diesem Fluss herausgenommen. Nachfolgende Elemente positionieren sich ohne Rücksicht auf das float-Element, lediglich deren Zeilenboxen werden so gekürzt, dass ihr Inhalt nicht vom float-Element verdeckt wird.
Bei Layouts mit floatenden Säulen links oder rechts nimmt der Layout-Container also keine Notiz von der Höhe seiner in ihm enthaltenen float-Säulen. Hier ist regelmäßig eine clear-Box angebracht.
Quelle: W3C CSS 2.1:
9.5 Floats, speziell
9.5.1 Positioning the float: the 'float' property,
9.8.3 Floating a box
>> Allgemeine Fragen oder Probleme mit dem Lexikon-Begriff? Hier gehts zum Forum!
