Bodimo pozorni na slabosti plovca. Kako se blokovni in vstavljeni elementi obnašajo med seboj in ali jih uporabiti skupaj. Analizirajmo, kaj je izguba in kako se z njo spoprijeti.
Kljub temu, da smo v zadnjem članku za spletno mesto zgradili preprosto mrežo z uporabo plovcev, so prvotno namenjeni prilagajanju toka elementov v besedilu. Float ima tri pomene: levo - elementi se držijo levega roba; desno - elementi so pritisnjeni na desni rob; none - Način zavijanja je onemogočen.
Element, ovit s plovcem, je lahko velik in oblazinjen, če pa je element v vrstici, se bo obnašal kot blok element.
.block1 {
plovec: levo;
širina: 150px;
}
.block2 {
plovec: desno;
širina: 150px;
}
Pri uporabi plovcev je še ena težava, ki pade iz toka. Pojavi se, ko bloki gredo drug za drugim, vendar ima le eden od njih lastnost float, potem bo nad ostalimi, ker drugih blokov ne vidi. Vstavljeni elementi se bodo ovili okoli elementov float, vendar bo blok, ki vsebuje to besedilo, ostal pod elementom float.
Kako pa float sodeluje s floatom?
Obnašajo se kot besedilo: stojijo drug za drugim, dokler je prostora, nato pa se premaknejo v novo vrstico. Zato smo s pomočjo plovcev začeli graditi mreže. Če prostora ni več, se premaknejo čez širino spletnega mesta, torej nikamor ne gredo.
Če plovec ne vidi preprostih blokovnih elementov, lahko elemente bloka naučimo, da vidijo plovec. Uporabljamo lastnost clear, ki onemogoča zavijanje z vseh strani (ali z izbranih). To pomeni, da bo element z bistrom padel pod element s plovcem.
