Pöörakem tähelepanu ujuki miinustele. Kuidas ploki- ja tekstielemendid üksteisega käituvad ja kas neid koos kasutada. Analüüsime, mis on kaotus ja kuidas sellega toime tulla.
Hoolimata asjaolust, et viimases artiklis ehitasime saidile ujukite abil lihtsa võre, on need algselt mõeldud tekstis olevate elementide voo reguleerimiseks. Ujukil on kolm tähendust: vasak - elemendid jäävad vasakule veerele; paremal - elemendid surutakse paremale servale; ükski - mähkimisrežiim on keelatud.
Ujukiga ümbritsetud elementi saab mõõta ja polsterdada, kuid kui element on sees, käitub see nagu plokielement.
.block1 {
ujuk: vasak;
laius: 150px;
}
.block2 {
ujuk: paremal;
laius: 150px;
}
Ujukite kasutamisel on veel üks probleem, mis voolust välja kukub. See ilmub siis, kui plokid lähevad üksteise järel, kuid ainult ühel neist on float-omadus, siis on see ülejäänud peal, sest ta ei näe teisi plokke. Sisesed elemendid ümbritsevad ujukelemente, kuid seda teksti sisaldav plokk jääb ujukelemendi alla.
Kuidas ujuk aga ujukiga suhtleb?
Nad käituvad nagu tekst: seisavad üksteise järel seni, kuni vaba ruumi on, ja liiguvad siis uuele reale. Seetõttu hakkasime ujukite abil võrke ehitama. Kui ruumi pole jäänud, viiakse need saidi laiusest kaugemale, see tähendab, et nad ei lähe kuhugi.
Kui ujuk ei näe lihtsaid plokielemente, siis saab plokielemente õpetada ujukit nägema. Kasutame atribuuti clear, mis keelab mähkimise igast küljest (või valitud külgedelt). See tähendab, et selge elemendiga langeb ujukiga element alla.
