Hvordan bygge en flytende boks

Flytende er en enkel teknikk som kan brukes i gripende stilark - CSS - for å gjøre objekter flyte horisontalt langs en webside. Flytende boksene er spesielt nyttig når du vil bryte tekst rundt et bilde i en artikkel. Når du gjør en flytende boks, vil innholdet i den boksen flyte så langt til venstre eller høyre på siden som de kan. Omvendt kan du også bruke float bokser for å gjøre et objekt fall hvor det forekommer i et dokument.

Bruksanvisning

1 Angi verdien "float: left;" å flyte en egenskap helt til venstre. Eksempel:

"img
{
float: left;
} "

2 Angi verdien "float: right;" å flyte en egenskap helt til høyre. Eksempel:

"img
{
float: right;
} "

3 Angi verdien "float: none;" hvis du vil at egenskapen for å bo der det skjer på siden uten flytende i begge retninger. Eksempel:

"img
{
float: none;
} "

4 Angi verdien "float: arve" hvis du vil eiendommen til å ta på verdien av en forelder objekt. Eksempel:

"img
{
float: arve;
} "

Hint

• Den "arve" value fungerer ikke i IE7 eller tidligere versjoner av Internet Explorer. Det vil fungere i IE8, men bare hvis en! DOCTYPE er inkludert.