CSS float egenskap
Kursrekommendation:
Definition och användning
Om en flytande icke ersättande element, ange ett tydligt breddvärde; annars kommer de att bli så smala som möjligt.
Kommentar:Om det finns mycket lite utrymme på en rad för att flytta element, kommer elementet att hoppa till nästa rad, och detta kommer att fortsätta tills en rad har tillräckligt med utrymme.
Se också:
CSS-lärobok:CSS-positionering
HTML DOM-referenshandboken:cssFloat-attributet
CSS-syntax
float: none|left|right|initial|inherit;
Attributvärde
| Värde | Beskrivning |
|---|---|
| left | Elementet flyter till vänster. |
| right | Elementet flyter till höger. |
| none | Standardvärde. Elementet flyter inte och visas där det uppstår i texten. |
| inherit | Detaljerar hur float-attributets värde från föräldrelementet ska användas. |
Tekniska detaljer
| Standardvärde: | none |
|---|---|
| Arvsförmåga: | no |
| Version: | CSS1 |
| JavaScript-syntax: | object.style.cssFloat="left" |
TIY-exempel
- En enkel tillämpning av float-attributet
- Lägg till stil till bilden och flytta den till höger om en stycke.
- Lägg till kant och kant till bilden och flytta den till höger om stycket
- Lägg till ram och kant till bilden och flytta den till höger om stycket. Lägg till kant och kant till bilden.
- Lägg till stil till bilden med titel och flytta den till höger
- Lägg till stil till bilden med titel och flytta den till höger
- Lägg till stil till den första bokstaven i stycket och flytta den till vänster
- Lägg till stil till den första bokstaven i stycket och flytta den till vänster.
- Skapa ett horisontellt meny
- Skapa ett horisontellt meny med hjälp av flytande med en enda länk.
- Skapa en första sida utan tabeller
- Skapa en första sida med sidhuvud, sidfot, vänster innehållsindex och huvudinnehåll genom att använda flytande.
Webbläsarstöd
Talen i tabellen anger den första webbläsare som helt stöder egenskapen.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
