Kom ons let op die nadele van vlot. Hoe blok- en inlynelemente met mekaar optree en of hulle dit saam moet gebruik. Kom ons ondersoek wat 'n verlies is en hoe om dit te hanteer.
Ondanks die feit dat ons in die laaste artikel 'n eenvoudige rooster vir die werf met behulp van vlotte gebou het, is dit oorspronklik bedoel om die vloei van elemente in die teks aan te pas. Float het drie betekenisse: links - die elemente hou by die linkermarge; regs - elemente word na die regterkant gedruk; geen - Wikkelmodus is gedeaktiveer.
'N Element wat met vlotter toegedraai is, kan in grootte en opgestop word, maar as die element inlyn is, sal dit soos 'n blokelement optree.
.blok1 {
dryf: links;
breedte: 150px;
}
.blok2 {
dryf: regs;
breedte: 150px;
}
Daar is 'n ander probleem by die gebruik van vlotte wat uit die stroom val. Dit verskyn as die blokke een na die ander gaan, maar slegs een daarvan het die dryf-eienskap, dan sal dit bo-op die res wees, want dit sien nie ander blokke nie. Inlyn-elemente draai om vlotter-elemente, maar die blok wat hierdie teks bevat, bly onder die vlotter-element.
Maar hoe wissel float met float?
Hulle gedra hulle soos teks: hulle staan een na die ander solank daar vrye ruimte is en beweeg dan na 'n nuwe reël. Daarom het ons met behulp van vlotte roosters begin bou. As daar geen spasie oor is nie, word dit verder as die breedte van die werf geskuif, dit wil sê hulle gaan nêrens heen nie.
As die vlotter nie eenvoudige blokelemente sien nie, kan die blokelemente geleer word om die vlotter te sien. Ons gebruik die duidelike eienskap, wat die verpakking van alle kante (of van geselekteerde) afskakel. Dit wil sê dat 'n element met helder onder die element met vlot sal val.
