Floating and clearing

The floated box flyter til høyre eller venstre frem til boxens margin treffer “the padding edge” til “containging block”, eller margen til et annet flytende element.
The “margin edge” til et box element, omslutter boksens marger. Dersom boxen ikke har marger, er “margin edge” det samme som “border edge”.

En “flytende boks” tas ut av flyten til dokumentet, slik at den ikke påvirker block-level boksene rundt.
“Line boxes” plassert rett i nærheten av en flytende boks, vil kuttes for ågjøre plass til den flytende boksen.
En “containing block” vil ikke “expand” i tråd med en arvende boks som flyter, dersom ikke boksen i seg selv også flyter, eller har overflow property satt til noe annet enn “visible”.

• If the source order is important, and it’s different from the presentational order, and you don’t need a footer on the document, use absolute positioning.
• If you need a footer, use floats. Source order can be maintained with the help of negative margins and relative positioning, if necessary, albeit with a lot of extra work for IE—especially if the page width is variable.

~ av rodsethol den mai 15, 2009.