Venujme pozornosť nevýhodám plaváka. Ako sa bloky a vložené prvky správajú navzájom a či sa majú používať spoločne. Poďme analyzovať, čo je strata a ako s ňou zaobchádzať.
Napriek tomu, že v minulom článku sme pre web vytvorili jednoduchú mriežku pomocou plavákov, ich pôvodným zámerom je upraviť tok prvkov v texte. Float má tri významy: vľavo - prvky sa držia na ľavom okraji; vpravo - prvky sú stlačené k pravému okraju; žiadny - režim zabalenia je zakázaný.
Prvok zabalený v plaváku môže mať veľkosť a polstrovanie, ale ak je vložený, bude sa správať ako blokový prvok.
.blok1 {
plavák: vľavo;
šírka: 150px;
}
.block2 {
plavák: vpravo;
šírka: 150px;
}
Pri používaní plavákov nastáva ďalší problém, ktorý vypadáva z prúdu. Zobrazí sa, keď bloky idú jeden za druhým, ale iba jeden z nich má vlastnosť float, potom bude nad ostatnými, pretože nevidí ďalšie bloky. Vložené prvky sa budú ovíjať okolo plavákových prvkov, ale blok obsahujúci tento text zostane pod plavákovým prvkom.
Ako však plavák interaguje s plavákom?
Chovajú sa ako text: stoja jeden za druhým, pokiaľ je na nich voľné miesto, a potom sa presunú na nový riadok. Preto sme pomocou plavákov začali stavať mreže. Ak nezostane miesto, presunú sa za šírku miesta, to znamená, že nikam nevedú.
Ak plavák nevidí jednoduché blokové prvky, potom je možné naučiť blokové prvky, aby videli plavák. Používame vlastnosť clear, ktorá zakazuje obaľovanie zo všetkých strán (alebo z vybraných). To znamená, že prvok s čírou farbou spadne pod prvok s plavákom.
