CSS 2.1 ::Grundlegendes
Die float
-Regel
Dies ist eine deutsche Übersetzung der float
-Regeln aus der CSS2-Spezifikation. Diese Seite hat keinerlei offiziellen Charakter, sie soll lediglich helfen, das Verstehen dieser Regeln zu fördern. Im Abschnitt Referenz werden diese Regeln in die Praxis übertragen.
- Die linke
margin
-Außenkante eines nach links ausgerichtetenfloat
-Elements darf nicht über die linke Außenkante des umschließenden Elements hinausstehen. Das gleiche gilt analog für die rechte Seite. - Für ein nach links ausgerichtetes
float
-Element, dem bereits andere nach links ausgerichtetefloat
-Elemente vorausgehen, gilt:- Es darf nur soweit nach links laufen, dass seine linke
margin
- Außenkante noch rechts von der rechtenmargin
- Außenkante der links daneben liegenden Box bleibt, oder - es wird so nach unten verschoben, dass seine obere
margin
- Außenkante unterhalb der unterenmargin
- Außenkante der darüber liegenden Box liegt.
- Es darf nur soweit nach links laufen, dass seine linke
- Die rechte
margin
-Außenkante eines nach links ausgerichtetenfloat
-Elements darf sich nicht mit der linkenmargin
- Außenkante eines nach rechts ausgerichtetenfloat
-Elements überlappen, das rechts von ihm steht. Das gleiche gilt analog für die rechte Seite. - Die obere
margin
-Außenkante einerfloat
-Box darf nicht über die obere Kante des umschließenden Block- Elements hinausstehen. - Die obere
margin
-Außenkante einerfloat
-Box darf nicht höher sein als die obere Kante eines anderen Block- Level- Elementes oder einerfloat
-Box, die bereits vorher im Dokument generiert wurde. - Die obere
margin
-Außenkante derfloat
-Box eines Elements darf nicht höher sein als die obere Kante einerline
-Box, die durch eine weiter oben im Dokument stehende Box generiert wurde. - Die rechte
margin
-Außenkante eines nach links ausgerichtetenfloat
-Elements, auf dessen linker Seite ein anderesfloat
-Element steht, darf nicht weiter rechts sein als die rechte Kante des umschließenden Blocks. Das gleiche gilt analog für die rechte Seite. - Eine
float
-Box muss so hoch wie möglich plaziert werden. - Eine nach links ausgerichtete Box muss so weit links wie möglich plaziert werden. Eine nach rechts ausgerichtete Box muss so weit rechts wie möglich plaziert werden. Eine höhere Position hat Vorrang vor einer Position, die weiter links bzw.rechts liegt.
- Ist für eine
float
-Box zusätzlich ein Wert für die Eigenschaftclear
notiert, gilt:- für
{clear:left}
: Die oberemargin
-Außenkante einesfloat
-Elements muss unterhalb der unterenmargin
-Außenkante aller vorhergehenden nach links ausgerichtetenfloat
-Elemente stehen. - für
{clear:right}
: Die oberemargin
-Außenkante einesfloat
-Elements muss unterhalb der unterenmargin
-Außenkante aller vorhergehenden nach rechts ausgerichtetenfloat
-Elemente stehen. - für
{clear:both}
: Die oberemargin
-Außenkante einesfloat
-Elements muss unterhalb der unterenmargin
-Außenkante aller vorhergehendenfloat
-Elemente stehen.
- für